@trendyol/baklava 2.4.0-beta.1 → 2.4.0-beta.11

package/dist/custom-elements.json

@@ -591,8 +591,8 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "!window.HTMLDialogElement",
-              "description": "Determines if dialog currently uses polyfilled version instead of native HTML Dialog. By\ndefault, it uses native Dialog if the browser supports it, otherwise polyfills. You can force\nusing polyfill by setting this to true in some cases like to show some content on top of dialog\nin case you are not able to use Popover API. Be aware that, polyfilled version can cause some\ninconsistencies in terms of accessibility and stacking context. So use it with extra caution.",
+              "default": "true",
+              "description": "Determines if dialog currently uses polyfilled version instead of native HTML Dialog. By\ndefault, it uses native Dialog if the browser supports it, otherwise polyfills. You can force\nusing polyfill by setting this to true in some cases like to show some content on top of dialog\nin case you are not able to use Popover API. Be aware that, polyfilled version can cause some\ninconsistencies in terms of accessibility and stacking context. So use it with extra caution.\n\nAs of the current implementation, you can render above the dialog HTML element using the Popover API. However,\nit will block any actions on the Popover element. This issue was encountered during the development of the `bl-notification` component.\nAs a result, we decided to enable the polyfill for the `bl-dialog` component by default. If you prefer to use the native dialog, you can set\nthis property to false. Please note, doing so will cause notifications to render under the dialog backdrop.\nFor more information, refer to the comment linked below:\n\nhttps://github.com/Trendyol/baklava/issues/141#issuecomment-1810301413",
               "fieldName": "polyfilled"
             }
           ],
@@ -786,7 +786,6 @@
               "type": {
                 "text": "string"
               },
-              "default": "\"Dropdown Button\"",
               "description": "Sets the dropdown button label",
               "fieldName": "label"
             },
@@ -1252,6 +1251,90 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/notification/bl-notification.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "SWIPE_UP_THRESHOLD",
+          "type": {
+            "text": "number"
+          },
+          "default": "-50"
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "BlNotification",
+          "attributes": [
+            {
+              "name": "no-animation",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disable animations.\nIt will not be possible to use animations if the user has disabled them.\nAnimations will respect the user's preferences regardless of this property.",
+              "fieldName": "noAnimation"
+            },
+            {
+              "name": "duration",
+              "type": {
+                "text": "number"
+              },
+              "default": "7",
+              "description": "Sets the default duration of notifications in seconds",
+              "fieldName": "duration"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "bl-notification",
+          "summary": [
+            {
+              "name": "Baklava",
+              "description": "Notification component"
+            }
+          ],
+          "jsDoc": "/**\n * @tag bl-notification\n * @summary Baklava Notification component\n */",
+          "tag": [
+            {
+              "name": "bl-notification",
+              "description": ""
+            }
+          ],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SWIPE_UP_THRESHOLD",
+          "declaration": {
+            "name": "SWIPE_UP_THRESHOLD",
+            "module": "src/components/notification/bl-notification.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "BlNotification",
+            "module": "src/components/notification/bl-notification.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bl-notification",
+          "declaration": {
+            "name": "BlNotification",
+            "module": "src/components/notification/bl-notification.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/pagination/bl-pagination.ts",
@@ -1830,10 +1913,17 @@
           "events": [
             {
               "type": {
-                "text": "CustomEvent<ISelectOption<ValueType>[]>"
+                "text": "CustomEvent<\n    ISelectOption<ValueType>[] | ISelectOption<ValueType>\n  >"
               },
               "description": "Fires when selection changes",
               "name": "bl-select"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<string>"
+              },
+              "description": "Fires when search text changes",
+              "name": "bl-search"
             }
           ],
           "attributes": [
@@ -1947,6 +2037,68 @@
               },
               "description": "Set custom error message",
               "fieldName": "customInvalidText"
+            },
+            {
+              "name": "view-select-all",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Views select all option in multiple select",
+              "fieldName": "viewSelectAll"
+            },
+            {
+              "name": "select-all-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Select All\"",
+              "description": "Sets select all text in multiple select",
+              "fieldName": "selectAllText"
+            },
+            {
+              "name": "search-bar",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enable search functionality for the options within the list",
+              "fieldName": "searchBar"
+            },
+            {
+              "name": "search-bar-placeholder",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Search for text variations such as \"search,\" \"searching,\" \"search by country,\" and so on",
+              "fieldName": "searchBarPlaceholder"
+            },
+            {
+              "name": "search-bar-loading-state",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Display a loading icon in place of the search icon.",
+              "fieldName": "searchBarLoadingState"
+            },
+            {
+              "name": "search-not-found-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"No Data Found\"",
+              "description": "Text to display when no search results are found.",
+              "fieldName": "searchNotFoundText"
+            },
+            {
+              "name": "popover-clear-search-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Clear Search\"",
+              "description": "Text to display on the clear search button.",
+              "fieldName": "popoverClearSearchText"
             }
           ],
           "mixins": [
@@ -2806,6 +2958,130 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/notification/card/bl-notification-card.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "BlNotificationCard",
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<{\n    source: \"duration-ended\" | \"close-button\";\n  }>"
+              },
+              "description": "Dispatches close request event.\nThe notification will not be closed automatically if the event is prevented.",
+              "name": "bl-notification-card-request-close"
+            },
+            {
+              "type": {
+                "text": "CustomEvent<{\n    source: \"duration-ended\" | \"close-button\";\n  }>"
+              },
+              "description": "Dispatches close event.\nThe notification will hidden after the event is dispatched and the closed property is set to true.",
+              "name": "bl-notification-card-close"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "caption",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Sets notification caption.",
+              "fieldName": "caption",
+              "attribute": "caption"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "boolean | BaklavaIcon"
+              },
+              "description": "Allows to customize notification icon.\nTrue value will display default icon.\nFalse value will hide icon.\nString value will display icon with specified name.",
+              "fieldName": "icon",
+              "attribute": "icon"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "NotificationVariant"
+              },
+              "default": "\"info\"",
+              "description": "Sets notification variant.",
+              "fieldName": "variant",
+              "attribute": "variant"
+            },
+            {
+              "name": "closed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether the notification is closed.",
+              "fieldName": "closed"
+            },
+            {
+              "name": "duration",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "7",
+              "description": "Sets notification display duration in minutes.\nHas no effect if permanent is set to true.",
+              "attribute": "closed",
+              "fieldName": "duration"
+            },
+            {
+              "name": "permanent",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Prevents notification from being closed automatically.",
+              "attribute": "closed",
+              "fieldName": "permanent"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "bl-notification-card",
+          "summary": [
+            {
+              "name": "Baklava",
+              "description": "Notification Card component"
+            }
+          ],
+          "jsDoc": "/**\n * @tag bl-notification-card\n * @summary Baklava Notification Card component\n */",
+          "tag": [
+            {
+              "name": "bl-notification-card",
+              "description": ""
+            }
+          ],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "BlNotificationCard",
+            "module": "src/components/notification/card/bl-notification-card.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bl-notification-card",
+          "declaration": {
+            "name": "BlNotificationCard",
+            "module": "src/components/notification/card/bl-notification-card.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/radio-group/radio/bl-radio.ts",

package/dist/themes/default.css

@@ -1,2 +1,2 @@
-@font-face{font-family:Rubik Variable;font-style:normal;font-display:var(--fontsource-display, swap);font-weight:300 900;src:url(../assets/rubik-cyrillic-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik Variable;font-style:normal;font-display:var(--fontsource-display, swap);font-weight:300 900;src:url(../assets/rubik-cyrillic-wght-normal.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Rubik Variable;font-style:normal;font-display:var(--fontsource-display, swap);font-weight:300 900;src:url(../assets/rubik-hebrew-wght-normal.woff2) format("woff2-variations");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik Variable;font-style:normal;font-display:var(--fontsource-display, swap);font-weight:300 900;src:url(../assets/rubik-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik Variable;font-style:normal;font-display:var(--fontsource-display, swap);font-weight:300 900;src:url(../assets/rubik-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bl-color-primary: #f27a1a;--bl-color-primary-highlight: #ef6114;--bl-color-primary-contrast: #fef2e8;--bl-color-success: #0bc15c;--bl-color-success-highlight: #09a44e;--bl-color-success-contrast: #e7f9ef;--bl-color-danger: #ff5043;--bl-color-danger-highlight: #ff3028;--bl-color-danger-contrast: #ffeeec;--bl-color-warning: #ffb600;--bl-color-warning-highlight: #ff9800;--bl-color-warning-contrast: #fff8e6;--bl-color-neutral-none: #000;--bl-color-neutral-darkest: #0f131a;--bl-color-neutral-darker: #273142;--bl-color-neutral-dark: #6e7787;--bl-color-neutral-light: #95a1b5;--bl-color-neutral-lighter: #afbbca;--bl-color-neutral-lightest: #f1f2f7;--bl-color-neutral-full: #fff;--bl-size-4xs: .125rem;--bl-size-3xs: .25rem;--bl-size-2xs: .5rem;--bl-size-xs: .75rem;--bl-size-s: .875rem;--bl-size-m: 1rem;--bl-size-l: 1.25rem;--bl-size-xl: 1.5rem;--bl-size-2xl: 2rem;--bl-size-3xl: 2.5rem;--bl-size-4xl: 3rem;--bl-size-5xl: 4rem;--bl-size-6xl: 5rem;--bl-index-deep: -1;--bl-index-base: 1;--bl-index-popover: 100;--bl-index-tooltip: 200;--bl-index-sticky: 300;--bl-index-overlay: 400;--bl-index-dialog: 500;--bl-index-notification: 600;--bl-font-family: "Rubik Variable", sans-serif;--bl-font-weight-light: 300;--bl-font-weight-regular: 400;--bl-font-weight-medium: 500;--bl-font-weight-semibold: 600;--bl-font-weight-bold: 700;--bl-font-size-2xs: .5rem;--bl-font-size-xs: .625rem;--bl-font-size-s: .75rem;--bl-font-size-m: .875rem;--bl-font-size-l: 1rem;--bl-font-size-xl: 1.25rem;--bl-font-size-2xl: 1.5rem;--bl-font-size-3xl: 1.75rem;--bl-font-size-4xl: 2rem;--bl-font-size-5xl: 3rem;--bl-font-size-6xl: 4rem;--bl-border-radius-xs: .125rem;--bl-border-radius-s: .25rem;--bl-border-radius-m: .375rem;--bl-border-radius-l: .5rem;--bl-border-radius-pill: 62.438rem;--bl-border-radius-circle: 50%;--bl-font-display-font-size: var(--bl-font-size-5xl);--bl-font-display-line-height: calc(var(--bl-font-display-font-size) + var(--bl-size-2xs));--bl-font-display-size: var(--bl-font-display-font-size) / var(--bl-font-display-line-height);--bl-font-display: var(--bl-font-display-size) var(--bl-font-family);--bl-font-display-light: var(--bl-font-weight-light) var(--bl-font-display);--bl-font-display-regular: var(--bl-font-weight-regular) var(--bl-font-display);--bl-font-display-medium: var(--bl-font-weight-medium) var(--bl-font-display);--bl-font-display-semibold: var(--bl-font-weight-semibold) var(--bl-font-display);--bl-font-display-bold: var(--bl-font-weight-bold) var(--bl-font-display);--bl-font-heading-1-font-size: var(--bl-font-size-4xl);--bl-font-heading-1-line-height: calc(var(--bl-font-heading-1-font-size) + var(--bl-size-3xs));--bl-font-heading-1-size: var(--bl-font-heading-1-font-size) / var(--bl-font-heading-1-line-height);--bl-font-heading-1: var(--bl-font-weight-light) var(--bl-font-heading-1-size) var(--bl-font-family);--bl-font-heading-2-font-size: var(--bl-font-size-3xl);--bl-font-heading-2-line-height: calc(var(--bl-font-heading-2-font-size) + var(--bl-size-3xs));--bl-font-heading-2-size: var(--bl-font-heading-2-font-size) / var(--bl-font-heading-2-line-height);--bl-font-heading-2: var(--bl-font-weight-regular) var(--bl-font-heading-2-size) var(--bl-font-family);--bl-font-heading-3-font-size: var(--bl-font-size-2xl);--bl-font-heading-3-line-height: calc(var(--bl-font-heading-3-font-size) + var(--bl-size-3xs));--bl-font-heading-3-size: var(--bl-font-heading-3-font-size) / var(--bl-font-heading-3-line-height);--bl-font-heading-3: var(--bl-font-weight-regular) var(--bl-font-heading-3-size) var(--bl-font-family);--bl-font-title-1-font-size: var(--bl-font-size-xl);--bl-font-title-1-line-height: calc(var(--bl-font-title-1-font-size) + var(--bl-size-3xs));--bl-font-title-1-size: var(--bl-font-title-1-font-size) / var(--bl-font-title-1-line-height);--bl-font-title-1: var(--bl-font-title-1-size) var(--bl-font-family);--bl-font-title-1-regular: var(--bl-font-weight-regular) var(--bl-font-title-1);--bl-font-title-1-medium: var(--bl-font-weight-medium) var(--bl-font-title-1);--bl-font-title-1-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-1);--bl-font-title-1-bold: var(--bl-font-weight-bold) var(--bl-font-title-1);--bl-font-title-2-font-size: var(--bl-font-size-l);--bl-font-title-2-line-height: calc(var(--bl-font-title-2-font-size) + var(--bl-size-3xs));--bl-font-title-2-size: var(--bl-font-title-2-font-size) / var(--bl-font-title-2-line-height);--bl-font-title-2: var(--bl-font-title-2-size) var(--bl-font-family);--bl-font-title-2-regular: var(--bl-font-weight-regular) var(--bl-font-title-2);--bl-font-title-2-medium: var(--bl-font-weight-medium) var(--bl-font-title-2);--bl-font-title-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-2);--bl-font-title-2-bold: var(--bl-font-weight-bold) var(--bl-font-title-2);--bl-font-title-3-font-size: var(--bl-font-size-m);--bl-font-title-3-line-height: calc(var(--bl-font-title-3-font-size) + var(--bl-size-4xs));--bl-font-title-3-size: var(--bl-font-title-3-font-size) / var(--bl-font-title-3-line-height);--bl-font-title-3: var(--bl-font-title-3-size) var(--bl-font-family);--bl-font-title-3-regular: var(--bl-font-weight-regular) var(--bl-font-title-3);--bl-font-title-3-medium: var(--bl-font-weight-medium) var(--bl-font-title-3);--bl-font-title-3-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-3);--bl-font-title-3-bold: var(--bl-font-weight-bold) var(--bl-font-title-3);--bl-font-title-4-font-size: var(--bl-font-size-s);--bl-font-title-4-line-height: calc(var(--bl-font-title-4-font-size) + var(--bl-size-4xs));--bl-font-title-4-size: var(--bl-font-title-4-font-size) / var(--bl-font-title-4-line-height);--bl-font-title-4: var(--bl-font-title-4-size) var(--bl-font-family);--bl-font-title-4-regular: var(--bl-font-weight-regular) var(--bl-font-title-4);--bl-font-title-4-medium: var(--bl-font-weight-medium) var(--bl-font-title-4);--bl-font-title-4-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-4);--bl-font-title-4-bold: var(--bl-font-weight-bold) var(--bl-font-title-4);--bl-font-body-text-1-font-size: var(--bl-font-size-l);--bl-font-body-text-1-line-height: calc( var(--bl-font-body-text-1-font-size) + var(--bl-size-4xs) );--bl-font-body-text-1-size: var(--bl-font-body-text-1-font-size) / var(--bl-font-body-text-1-line-height);--bl-font-body-text-1: var(--bl-font-weight-regular) var(--bl-font-body-text-1-size) var(--bl-font-family);--bl-font-body-text-2-font-size: var(--bl-font-size-m);--bl-font-body-text-2-line-height: calc( var(--bl-font-body-text-2-font-size) + var(--bl-size-4xs) );--bl-font-body-text-2-size: var(--bl-font-body-text-2-font-size) / var(--bl-font-body-text-2-line-height);--bl-font-body-text-2: var(--bl-font-weight-regular) var(--bl-font-body-text-2-size) var(--bl-font-family);--bl-font-body-text-3-font-size: var(--bl-font-size-s);--bl-font-body-text-3-line-height: calc( var(--bl-font-body-text-3-font-size) + var(--bl-size-4xs) );--bl-font-body-text-3-size: var(--bl-font-body-text-3-font-size) / var(--bl-font-body-text-3-line-height);--bl-font-body-text-3: var(--bl-font-weight-regular) var(--bl-font-body-text-3-size) var(--bl-font-family);--bl-font-caption-font-size: var(--bl-font-size-xs);--bl-font-caption-line-height: calc(var(--bl-font-caption-font-size) + var(--bl-size-4xs));--bl-font-caption-size: var(--bl-font-caption-font-size) / var(--bl-font-caption-line-height);--bl-font-caption: var(--bl-font-weight-medium) var(--bl-font-caption-size) var(--bl-font-family);--bl-color-primary-hover: var(--bl-color-primary-highlight);--bl-color-success-hover: var(--bl-color-success-highlight);--bl-color-danger-hover: var(--bl-color-danger-highlight);--bl-color-warning-hover: var(--bl-color-warning-highlight);--bl-color-accent-primary-background: var(--bl-color-primary-contrast);--bl-color-success-background: var(--bl-color-success-contrast);--bl-color-danger-background: var(--bl-color-danger-contrast);--bl-color-warning-background: var(--bl-color-warning-contrast);--bl-color-primary-background: var(--bl-color-neutral-full);--bl-color-content-primary: var(--bl-color-neutral-darker);--bl-color-content-secondary: var(--bl-color-neutral-dark);--bl-color-content-tertiary: var(--bl-color-neutral-light);--bl-color-content-passive: var(--bl-color-neutral-lighter);--bl-color-content-primary-contrast: var(--bl-color-neutral-full);--bl-color-content-hover: var(--bl-color-primary-highlight);--bl-color-border: var(--bl-color-neutral-lighter);--bl-color-secondary: #273142;--bl-color-secondary-hover: #0f131a;--bl-color-secondary-background: var(--bl-color-neutral-lightest);--bl-color-tertiary: #f1f2f7;--bl-color-tertiary-hover: #d5d9e1;--bl-color-alternative: #5794ff;--bl-color-alternative-hover: #457eff;--bl-color-featured: #8c4eff;--bl-color-featured-hover: #753eff;--bl-color-tertiary-background: #f7f7fa;--bl-color-alternative-background: #eef4ff;--bl-color-featured-background: #f4edff}
+@font-face{font-family:Rubik Variable;font-style:normal;font-display:var(--fontsource-display, swap);font-weight:300 900;src:url(../assets/rubik-cyrillic-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik Variable;font-style:normal;font-display:var(--fontsource-display, swap);font-weight:300 900;src:url(../assets/rubik-cyrillic-wght-normal.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Rubik Variable;font-style:normal;font-display:var(--fontsource-display, swap);font-weight:300 900;src:url(../assets/rubik-hebrew-wght-normal.woff2) format("woff2-variations");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik Variable;font-style:normal;font-display:var(--fontsource-display, swap);font-weight:300 900;src:url(../assets/rubik-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik Variable;font-style:normal;font-display:var(--fontsource-display, swap);font-weight:300 900;src:url(../assets/rubik-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bl-color-primary: #f27a1a;--bl-color-primary-highlight: #ef6114;--bl-color-primary-contrast: #fef2e8;--bl-color-success: #0bc15c;--bl-color-success-highlight: #09a44e;--bl-color-success-contrast: #e7f9ef;--bl-color-danger: #ff5043;--bl-color-danger-highlight: #ff3028;--bl-color-danger-contrast: #ffeeec;--bl-color-warning: #ffb600;--bl-color-warning-highlight: #ff9800;--bl-color-warning-contrast: #fff8e6;--bl-color-info: #5794ff;--bl-color-info-highlight: #457eff;--bl-color-info-contrast: #eef4ff;--bl-color-neutral-none: #000;--bl-color-neutral-darkest: #0f131a;--bl-color-neutral-darker: #273142;--bl-color-neutral-dark: #6e7787;--bl-color-neutral-light: #95a1b5;--bl-color-neutral-lighter: #afbbca;--bl-color-neutral-lightest: #f1f2f7;--bl-color-neutral-full: #fff;--bl-size-4xs: .125rem;--bl-size-3xs: .25rem;--bl-size-2xs: .5rem;--bl-size-xs: .75rem;--bl-size-s: .875rem;--bl-size-m: 1rem;--bl-size-l: 1.25rem;--bl-size-xl: 1.5rem;--bl-size-2xl: 2rem;--bl-size-3xl: 2.5rem;--bl-size-4xl: 3rem;--bl-size-5xl: 4rem;--bl-size-6xl: 5rem;--bl-index-deep: -1;--bl-index-base: 1;--bl-index-popover: 100;--bl-index-tooltip: 200;--bl-index-sticky: 300;--bl-index-overlay: 400;--bl-index-dialog: 500;--bl-index-notification: 600;--bl-font-family: "Rubik Variable", sans-serif;--bl-font-weight-light: 300;--bl-font-weight-regular: 400;--bl-font-weight-medium: 500;--bl-font-weight-semibold: 600;--bl-font-weight-bold: 700;--bl-font-size-2xs: .5rem;--bl-font-size-xs: .625rem;--bl-font-size-s: .75rem;--bl-font-size-m: .875rem;--bl-font-size-l: 1rem;--bl-font-size-xl: 1.25rem;--bl-font-size-2xl: 1.5rem;--bl-font-size-3xl: 1.75rem;--bl-font-size-4xl: 2rem;--bl-font-size-5xl: 3rem;--bl-font-size-6xl: 4rem;--bl-border-radius-xs: .125rem;--bl-border-radius-s: .25rem;--bl-border-radius-m: .375rem;--bl-border-radius-l: .5rem;--bl-border-radius-pill: 62.438rem;--bl-border-radius-circle: 50%;--bl-font-display-font-size: var(--bl-font-size-5xl);--bl-font-display-line-height: calc(var(--bl-font-display-font-size) + var(--bl-size-2xs));--bl-font-display-size: var(--bl-font-display-font-size) / var(--bl-font-display-line-height);--bl-font-display: var(--bl-font-display-size) var(--bl-font-family);--bl-font-display-light: var(--bl-font-weight-light) var(--bl-font-display);--bl-font-display-regular: var(--bl-font-weight-regular) var(--bl-font-display);--bl-font-display-medium: var(--bl-font-weight-medium) var(--bl-font-display);--bl-font-display-semibold: var(--bl-font-weight-semibold) var(--bl-font-display);--bl-font-display-bold: var(--bl-font-weight-bold) var(--bl-font-display);--bl-font-heading-1-font-size: var(--bl-font-size-4xl);--bl-font-heading-1-line-height: calc(var(--bl-font-heading-1-font-size) + var(--bl-size-3xs));--bl-font-heading-1-size: var(--bl-font-heading-1-font-size) / var(--bl-font-heading-1-line-height);--bl-font-heading-1: var(--bl-font-heading-1-size) var(--bl-font-family);--bl-font-heading-1-regular: var(--bl-font-weight-regular) var(--bl-font-heading-1);--bl-font-heading-1-medium: var(--bl-font-weight-medium) var(--bl-font-heading-1);--bl-font-heading-1-semibold: var(--bl-font-weight-semibold) var(--bl-font-heading-1);--bl-font-heading-1-bold: var(--bl-font-weight-bold) var(--bl-font-heading-1);--bl-font-heading-2-font-size: var(--bl-font-size-3xl);--bl-font-heading-2-line-height: calc(var(--bl-font-heading-2-font-size) + var(--bl-size-3xs));--bl-font-heading-2-size: var(--bl-font-heading-2-font-size) / var(--bl-font-heading-2-line-height);--bl-font-heading-2: var(--bl-font-heading-2-size) var(--bl-font-family);--bl-font-heading-2-regular: var(--bl-font-weight-regular) var(--bl-font-heading-2);--bl-font-heading-2-medium: var(--bl-font-weight-medium) var(--bl-font-heading-2);--bl-font-heading-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-heading-2);--bl-font-heading-2-bold: var(--bl-font-weight-bold) var(--bl-font-heading-2);--bl-font-heading-3-font-size: var(--bl-font-size-2xl);--bl-font-heading-3-line-height: calc(var(--bl-font-heading-3-font-size) + var(--bl-size-3xs));--bl-font-heading-3-size: var(--bl-font-heading-3-font-size) / var(--bl-font-heading-3-line-height);--bl-font-heading-3: var(--bl-font-heading-3-size) var(--bl-font-family);--bl-font-heading-3-regular: var(--bl-font-weight-regular) var(--bl-font-heading-3);--bl-font-heading-3-medium: var(--bl-font-weight-medium) var(--bl-font-heading-3);--bl-font-heading-3-semibold: var(--bl-font-weight-semibold) var(--bl-font-heading-3);--bl-font-heading-3-bold: var(--bl-font-weight-bold) var(--bl-font-heading-3);--bl-font-title-1-font-size: var(--bl-font-size-xl);--bl-font-title-1-line-height: calc(var(--bl-font-title-1-font-size) + var(--bl-size-3xs));--bl-font-title-1-size: var(--bl-font-title-1-font-size) / var(--bl-font-title-1-line-height);--bl-font-title-1: var(--bl-font-title-1-size) var(--bl-font-family);--bl-font-title-1-regular: var(--bl-font-weight-regular) var(--bl-font-title-1);--bl-font-title-1-medium: var(--bl-font-weight-medium) var(--bl-font-title-1);--bl-font-title-1-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-1);--bl-font-title-1-bold: var(--bl-font-weight-bold) var(--bl-font-title-1);--bl-font-title-2-font-size: var(--bl-font-size-l);--bl-font-title-2-line-height: calc(var(--bl-font-title-2-font-size) + var(--bl-size-3xs));--bl-font-title-2-size: var(--bl-font-title-2-font-size) / var(--bl-font-title-2-line-height);--bl-font-title-2: var(--bl-font-title-2-size) var(--bl-font-family);--bl-font-title-2-regular: var(--bl-font-weight-regular) var(--bl-font-title-2);--bl-font-title-2-medium: var(--bl-font-weight-medium) var(--bl-font-title-2);--bl-font-title-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-2);--bl-font-title-2-bold: var(--bl-font-weight-bold) var(--bl-font-title-2);--bl-font-title-3-font-size: var(--bl-font-size-m);--bl-font-title-3-line-height: calc(var(--bl-font-title-3-font-size) + var(--bl-size-4xs));--bl-font-title-3-size: var(--bl-font-title-3-font-size) / var(--bl-font-title-3-line-height);--bl-font-title-3: var(--bl-font-title-3-size) var(--bl-font-family);--bl-font-title-3-regular: var(--bl-font-weight-regular) var(--bl-font-title-3);--bl-font-title-3-medium: var(--bl-font-weight-medium) var(--bl-font-title-3);--bl-font-title-3-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-3);--bl-font-title-3-bold: var(--bl-font-weight-bold) var(--bl-font-title-3);--bl-font-title-4-font-size: var(--bl-font-size-s);--bl-font-title-4-line-height: calc(var(--bl-font-title-4-font-size) + var(--bl-size-4xs));--bl-font-title-4-size: var(--bl-font-title-4-font-size) / var(--bl-font-title-4-line-height);--bl-font-title-4: var(--bl-font-title-4-size) var(--bl-font-family);--bl-font-title-4-regular: var(--bl-font-weight-regular) var(--bl-font-title-4);--bl-font-title-4-medium: var(--bl-font-weight-medium) var(--bl-font-title-4);--bl-font-title-4-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-4);--bl-font-title-4-bold: var(--bl-font-weight-bold) var(--bl-font-title-4);--bl-font-body-text-1-font-size: var(--bl-font-size-l);--bl-font-body-text-1-line-height: calc( var(--bl-font-body-text-1-font-size) + var(--bl-size-4xs) );--bl-font-body-text-1-size: var(--bl-font-body-text-1-font-size) / var(--bl-font-body-text-1-line-height);--bl-font-body-text-1: var(--bl-font-body-text-1-size) var(--bl-font-family);--bl-font-body-text-1-regular: var(--bl-font-weight-regular) var(--bl-font-body-text-1);--bl-font-body-text-1-medium: var(--bl-font-weight-medium) var(--bl-font-body-text-1);--bl-font-body-text-2-font-size: var(--bl-font-size-m);--bl-font-body-text-2-line-height: calc( var(--bl-font-body-text-2-font-size) + var(--bl-size-4xs) );--bl-font-body-text-2-size: var(--bl-font-body-text-2-font-size) / var(--bl-font-body-text-2-line-height);--bl-font-body-text-2: var(--bl-font-body-text-2-size) var(--bl-font-family);--bl-font-body-text-2-regular: var(--bl-font-weight-regular) var(--bl-font-body-text-2);--bl-font-body-text-2-medium: var(--bl-font-weight-medium) var(--bl-font-body-text-2);--bl-font-body-text-3-font-size: var(--bl-font-size-s);--bl-font-body-text-3-line-height: calc( var(--bl-font-body-text-3-font-size) + var(--bl-size-4xs) );--bl-font-body-text-3-size: var(--bl-font-body-text-3-font-size) / var(--bl-font-body-text-3-line-height);--bl-font-body-text-3: var(--bl-font-body-text-3-size) var(--bl-font-family);--bl-font-body-text-3-regular: var(--bl-font-weight-regular) var(--bl-font-body-text-3);--bl-font-body-text-3-medium: var(--bl-font-weight-medium) var(--bl-font-body-text-3);--bl-font-caption-font-size: var(--bl-font-size-xs);--bl-font-caption-line-height: calc(var(--bl-font-caption-font-size) + var(--bl-size-4xs));--bl-font-caption-size: var(--bl-font-caption-font-size) / var(--bl-font-caption-line-height);--bl-font-caption: var(--bl-font-weight-medium) var(--bl-font-caption-size) var(--bl-font-family);--bl-color-primary-hover: var(--bl-color-primary-highlight);--bl-color-success-hover: var(--bl-color-success-highlight);--bl-color-danger-hover: var(--bl-color-danger-highlight);--bl-color-warning-hover: var(--bl-color-warning-highlight);--bl-color-accent-primary-background: var(--bl-color-primary-contrast);--bl-color-success-background: var(--bl-color-success-contrast);--bl-color-danger-background: var(--bl-color-danger-contrast);--bl-color-warning-background: var(--bl-color-warning-contrast);--bl-color-primary-background: var(--bl-color-neutral-full);--bl-color-content-primary: var(--bl-color-neutral-darker);--bl-color-content-secondary: var(--bl-color-neutral-dark);--bl-color-content-tertiary: var(--bl-color-neutral-light);--bl-color-content-passive: var(--bl-color-neutral-lighter);--bl-color-content-primary-contrast: var(--bl-color-neutral-full);--bl-color-content-hover: var(--bl-color-primary-highlight);--bl-color-border: var(--bl-color-neutral-lighter);--bl-color-secondary: #273142;--bl-color-secondary-hover: #0f131a;--bl-color-secondary-background: var(--bl-color-neutral-lightest);--bl-color-tertiary: #f1f2f7;--bl-color-tertiary-hover: #d5d9e1;--bl-color-alternative: #5794ff;--bl-color-alternative-hover: #457eff;--bl-color-featured: #8c4eff;--bl-color-featured-hover: #753eff;--bl-color-tertiary-background: #f7f7fa;--bl-color-alternative-background: #eef4ff;--bl-color-featured-background: #f4edff}
 /*# sourceMappingURL=default.css.map */

package/dist/themes/default.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../node_modules/@fontsource-variable/rubik/index.css", "../../src/themes/default.css"],
-  "sourcesContent": ["/* rubik-cyrillic-ext-wght-normal */\n@font-face {\n  font-family: 'Rubik Variable';\n  font-style: normal;\n  font-display: var(--fontsource-display, swap);\n  font-weight: 300 900;\n  src: url(./files/rubik-cyrillic-ext-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* rubik-cyrillic-wght-normal */\n@font-face {\n  font-family: 'Rubik Variable';\n  font-style: normal;\n  font-display: var(--fontsource-display, swap);\n  font-weight: 300 900;\n  src: url(./files/rubik-cyrillic-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* rubik-hebrew-wght-normal */\n@font-face {\n  font-family: 'Rubik Variable';\n  font-style: normal;\n  font-display: var(--fontsource-display, swap);\n  font-weight: 300 900;\n  src: url(./files/rubik-hebrew-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;\n}\n\n/* rubik-latin-ext-wght-normal */\n@font-face {\n  font-family: 'Rubik Variable';\n  font-style: normal;\n  font-display: var(--fontsource-display, swap);\n  font-weight: 300 900;\n  src: url(./files/rubik-latin-ext-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0100-02AF,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* rubik-latin-wght-normal */\n@font-face {\n  font-family: 'Rubik Variable';\n  font-style: normal;\n  font-display: var(--fontsource-display, swap);\n  font-weight: 300 900;\n  src: url(./files/rubik-latin-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}", "@import url(\"@fontsource-variable/rubik\");\n\n:root {\n  /* Primary Color */\n  --bl-color-primary: #f27a1a;\n  --bl-color-primary-highlight: #ef6114;\n  --bl-color-primary-contrast: #fef2e8;\n\n  /* Success Color */\n  --bl-color-success: #0bc15c;\n  --bl-color-success-highlight: #09a44e;\n  --bl-color-success-contrast: #e7f9ef;\n\n  /* Danger Color */\n  --bl-color-danger: #ff5043;\n  --bl-color-danger-highlight: #ff3028;\n  --bl-color-danger-contrast: #ffeeec;\n\n  /* Warning Color */\n  --bl-color-warning: #ffb600;\n  --bl-color-warning-highlight: #ff9800;\n  --bl-color-warning-contrast: #fff8e6;\n\n  /* Neutral Color */\n  --bl-color-neutral-none: #000;\n  --bl-color-neutral-darkest: #0f131a;\n  --bl-color-neutral-darker: #273142;\n  --bl-color-neutral-dark: #6e7787;\n  --bl-color-neutral-light: #95a1b5;\n  --bl-color-neutral-lighter: #afbbca;\n  --bl-color-neutral-lightest: #f1f2f7;\n  --bl-color-neutral-full: #fff;\n\n  /* Size and Spacing */\n  --bl-size-4xs: 0.125rem; /* 2px */\n  --bl-size-3xs: 0.25rem; /* 4px */\n  --bl-size-2xs: 0.5rem; /* 8px */\n  --bl-size-xs: 0.75rem; /* 12px */\n  --bl-size-s: 0.875rem; /* 14px */\n  --bl-size-m: 1rem; /* 16px */\n  --bl-size-l: 1.25rem; /* 20px */\n  --bl-size-xl: 1.5rem; /* 24px */\n  --bl-size-2xl: 2rem; /* 32px */\n  --bl-size-3xl: 2.5rem; /* 40px */\n  --bl-size-4xl: 3rem; /* 48px */\n  --bl-size-5xl: 4rem; /* 64px */\n  --bl-size-6xl: 5rem; /* 80px */\n\n  /* Z-indexes */\n  --bl-index-deep: -1;\n  --bl-index-base: 1;\n  --bl-index-popover: 100;\n  --bl-index-tooltip: 200;\n  --bl-index-sticky: 300;\n  --bl-index-overlay: 400;\n  --bl-index-dialog: 500;\n  --bl-index-notification: 600;\n\n  /* Typography */\n  --bl-font-family: \"Rubik Variable\", sans-serif;\n\n  /* Font weights */\n  --bl-font-weight-light: 300;\n  --bl-font-weight-regular: 400;\n  --bl-font-weight-medium: 500;\n  --bl-font-weight-semibold: 600;\n  --bl-font-weight-bold: 700;\n\n  /* Font sizes */\n  --bl-font-size-2xs: 0.5rem; /* 8px */\n  --bl-font-size-xs: 0.625rem; /* 10px */\n  --bl-font-size-s: 0.75rem; /* 12px */\n  --bl-font-size-m: 0.875rem; /* 14px */\n  --bl-font-size-l: 1rem; /* 16px */\n  --bl-font-size-xl: 1.25rem; /* 20px */\n  --bl-font-size-2xl: 1.5rem; /* 24px */\n  --bl-font-size-3xl: 1.75rem; /* 28px */\n  --bl-font-size-4xl: 2rem; /* 32px */\n  --bl-font-size-5xl: 3rem; /* 48px */\n  --bl-font-size-6xl: 4rem; /* 64px */\n\n  /* Border radius */\n  --bl-border-radius-xs: 0.125rem; /* 2px */\n  --bl-border-radius-s: 0.25rem; /* 4px */\n  --bl-border-radius-m: 0.375rem; /* 6px */\n  --bl-border-radius-l: 0.5rem; /* 8px */\n  --bl-border-radius-pill: 62.438rem; /* 999px */\n  --bl-border-radius-circle: 50%;\n\n  /* Font Style: Display */\n  --bl-font-display-font-size: var(--bl-font-size-5xl);\n  --bl-font-display-line-height: calc(var(--bl-font-display-font-size) + var(--bl-size-2xs));\n  --bl-font-display-size: var(--bl-font-display-font-size) / var(--bl-font-display-line-height);\n  --bl-font-display: var(--bl-font-display-size) var(--bl-font-family);\n  --bl-font-display-light: var(--bl-font-weight-light) var(--bl-font-display);\n  --bl-font-display-regular: var(--bl-font-weight-regular) var(--bl-font-display);\n  --bl-font-display-medium: var(--bl-font-weight-medium) var(--bl-font-display);\n  --bl-font-display-semibold: var(--bl-font-weight-semibold) var(--bl-font-display);\n  --bl-font-display-bold: var(--bl-font-weight-bold) var(--bl-font-display);\n\n  /* Font Style: Heading 1 */\n  --bl-font-heading-1-font-size: var(--bl-font-size-4xl);\n  --bl-font-heading-1-line-height: calc(var(--bl-font-heading-1-font-size) + var(--bl-size-3xs));\n  --bl-font-heading-1-size: var(--bl-font-heading-1-font-size) /\n    var(--bl-font-heading-1-line-height);\n  --bl-font-heading-1: var(--bl-font-weight-light) var(--bl-font-heading-1-size)\n    var(--bl-font-family);\n\n  /* Font Style: Heading 2 */\n  --bl-font-heading-2-font-size: var(--bl-font-size-3xl);\n  --bl-font-heading-2-line-height: calc(var(--bl-font-heading-2-font-size) + var(--bl-size-3xs));\n  --bl-font-heading-2-size: var(--bl-font-heading-2-font-size) /\n    var(--bl-font-heading-2-line-height);\n  --bl-font-heading-2: var(--bl-font-weight-regular) var(--bl-font-heading-2-size)\n    var(--bl-font-family);\n\n  /* Font Style: Heading 3 */\n  --bl-font-heading-3-font-size: var(--bl-font-size-2xl);\n  --bl-font-heading-3-line-height: calc(var(--bl-font-heading-3-font-size) + var(--bl-size-3xs));\n  --bl-font-heading-3-size: var(--bl-font-heading-3-font-size) /\n    var(--bl-font-heading-3-line-height);\n  --bl-font-heading-3: var(--bl-font-weight-regular) var(--bl-font-heading-3-size)\n    var(--bl-font-family);\n\n  /* Font Style: Title 1 */\n  --bl-font-title-1-font-size: var(--bl-font-size-xl);\n  --bl-font-title-1-line-height: calc(var(--bl-font-title-1-font-size) + var(--bl-size-3xs));\n  --bl-font-title-1-size: var(--bl-font-title-1-font-size) / var(--bl-font-title-1-line-height);\n  --bl-font-title-1: var(--bl-font-title-1-size) var(--bl-font-family);\n  --bl-font-title-1-regular: var(--bl-font-weight-regular) var(--bl-font-title-1);\n  --bl-font-title-1-medium: var(--bl-font-weight-medium) var(--bl-font-title-1);\n  --bl-font-title-1-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-1);\n  --bl-font-title-1-bold: var(--bl-font-weight-bold) var(--bl-font-title-1);\n\n  /* Font Style: Title 2 */\n  --bl-font-title-2-font-size: var(--bl-font-size-l);\n  --bl-font-title-2-line-height: calc(var(--bl-font-title-2-font-size) + var(--bl-size-3xs));\n  --bl-font-title-2-size: var(--bl-font-title-2-font-size) / var(--bl-font-title-2-line-height);\n  --bl-font-title-2: var(--bl-font-title-2-size) var(--bl-font-family);\n  --bl-font-title-2-regular: var(--bl-font-weight-regular) var(--bl-font-title-2);\n  --bl-font-title-2-medium: var(--bl-font-weight-medium) var(--bl-font-title-2);\n  --bl-font-title-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-2);\n  --bl-font-title-2-bold: var(--bl-font-weight-bold) var(--bl-font-title-2);\n\n  /* Font Style: Title 3 */\n  --bl-font-title-3-font-size: var(--bl-font-size-m);\n  --bl-font-title-3-line-height: calc(var(--bl-font-title-3-font-size) + var(--bl-size-4xs));\n  --bl-font-title-3-size: var(--bl-font-title-3-font-size) / var(--bl-font-title-3-line-height);\n  --bl-font-title-3: var(--bl-font-title-3-size) var(--bl-font-family);\n  --bl-font-title-3-regular: var(--bl-font-weight-regular) var(--bl-font-title-3);\n  --bl-font-title-3-medium: var(--bl-font-weight-medium) var(--bl-font-title-3);\n  --bl-font-title-3-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-3);\n  --bl-font-title-3-bold: var(--bl-font-weight-bold) var(--bl-font-title-3);\n\n  /* Font Style: Title 4 */\n  --bl-font-title-4-font-size: var(--bl-font-size-s);\n  --bl-font-title-4-line-height: calc(var(--bl-font-title-4-font-size) + var(--bl-size-4xs));\n  --bl-font-title-4-size: var(--bl-font-title-4-font-size) / var(--bl-font-title-4-line-height);\n  --bl-font-title-4: var(--bl-font-title-4-size) var(--bl-font-family);\n  --bl-font-title-4-regular: var(--bl-font-weight-regular) var(--bl-font-title-4);\n  --bl-font-title-4-medium: var(--bl-font-weight-medium) var(--bl-font-title-4);\n  --bl-font-title-4-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-4);\n  --bl-font-title-4-bold: var(--bl-font-weight-bold) var(--bl-font-title-4);\n\n  /* Font Style: Body Text 1 */\n  --bl-font-body-text-1-font-size: var(--bl-font-size-l);\n  --bl-font-body-text-1-line-height: calc(\n    var(--bl-font-body-text-1-font-size) + var(--bl-size-4xs)\n  );\n  --bl-font-body-text-1-size: var(--bl-font-body-text-1-font-size) /\n    var(--bl-font-body-text-1-line-height);\n  --bl-font-body-text-1: var(--bl-font-weight-regular) var(--bl-font-body-text-1-size)\n    var(--bl-font-family);\n\n  /* Font Style: Body Text 2 */\n  --bl-font-body-text-2-font-size: var(--bl-font-size-m);\n  --bl-font-body-text-2-line-height: calc(\n    var(--bl-font-body-text-2-font-size) + var(--bl-size-4xs)\n  );\n  --bl-font-body-text-2-size: var(--bl-font-body-text-2-font-size) /\n    var(--bl-font-body-text-2-line-height);\n  --bl-font-body-text-2: var(--bl-font-weight-regular) var(--bl-font-body-text-2-size)\n    var(--bl-font-family);\n\n  /* Font Style: Body Text 3 */\n  --bl-font-body-text-3-font-size: var(--bl-font-size-s);\n  --bl-font-body-text-3-line-height: calc(\n    var(--bl-font-body-text-3-font-size) + var(--bl-size-4xs)\n  );\n  --bl-font-body-text-3-size: var(--bl-font-body-text-3-font-size) /\n    var(--bl-font-body-text-3-line-height);\n  --bl-font-body-text-3: var(--bl-font-weight-regular) var(--bl-font-body-text-3-size)\n    var(--bl-font-family);\n\n  /* Font Style: Caption */\n  --bl-font-caption-font-size: var(--bl-font-size-xs);\n  --bl-font-caption-line-height: calc(var(--bl-font-caption-font-size) + var(--bl-size-4xs));\n  --bl-font-caption-size: var(--bl-font-caption-font-size) / var(--bl-font-caption-line-height);\n  --bl-font-caption: var(--bl-font-weight-medium) var(--bl-font-caption-size) var(--bl-font-family);\n\n  /*\n  @DEPRECATED\n\n  Color names below is kept for backward compatibility,\n\n  Will be removed in V3\n  */\n  --bl-color-primary-hover: var(--bl-color-primary-highlight);\n  --bl-color-success-hover: var(--bl-color-success-highlight);\n  --bl-color-danger-hover: var(--bl-color-danger-highlight);\n  --bl-color-warning-hover: var(--bl-color-warning-highlight);\n  --bl-color-accent-primary-background: var(--bl-color-primary-contrast);\n  --bl-color-success-background: var(--bl-color-success-contrast);\n  --bl-color-danger-background: var(--bl-color-danger-contrast);\n  --bl-color-warning-background: var(--bl-color-warning-contrast);\n  --bl-color-primary-background: var(--bl-color-neutral-full);\n\n  /* Content Colors */\n  --bl-color-content-primary: var(--bl-color-neutral-darker);\n  --bl-color-content-secondary: var(--bl-color-neutral-dark);\n  --bl-color-content-tertiary: var(--bl-color-neutral-light);\n  --bl-color-content-passive: var(--bl-color-neutral-lighter);\n  --bl-color-content-primary-contrast: var(--bl-color-neutral-full);\n  --bl-color-content-hover: var(--bl-color-primary-highlight);\n  --bl-color-border: var(--bl-color-neutral-lighter);\n\n  /* Removed Colors */\n  --bl-color-secondary: #273142;\n  --bl-color-secondary-hover: #0f131a;\n  --bl-color-secondary-background: var(--bl-color-neutral-lightest);\n  --bl-color-tertiary: #f1f2f7;\n  --bl-color-tertiary-hover: #d5d9e1;\n  --bl-color-alternative: #5794ff;\n  --bl-color-alternative-hover: #457eff;\n  --bl-color-featured: #8c4eff;\n  --bl-color-featured-hover: #753eff;\n  --bl-color-tertiary-background: #f7f7fa;\n  --bl-color-alternative-background: #eef4ff;\n  --bl-color-featured-background: #f4edff;\n}\n"],
-  "mappings": "AACA,WACE,2BACA,kBACA,6CACA,oBACA,mFACA,iFAIF,WACE,2BACA,kBACA,6CACA,oBACA,+EACA,gEAIF,WACE,2BACA,kBACA,6CACA,oBACA,6EACA,gEAIF,WACE,2BACA,kBACA,6CACA,oBACA,gFACA,sJAIF,WACE,2BACA,kBACA,6CACA,oBACA,4EACA,2MC7CF,MAEE,4BACA,sCACA,qCAGA,4BACA,sCACA,qCAGA,2BACA,qCACA,oCAGA,4BACA,sCACA,qCAGA,8BACA,oCACA,mCACA,iCACA,kCACA,oCACA,qCACA,8BAGA,uBACA,sBACA,qBACA,qBACA,qBACA,kBACA,qBACA,qBACA,oBACA,sBACA,oBACA,oBACA,oBAGA,oBACA,mBACA,wBACA,wBACA,uBACA,wBACA,uBACA,6BAGA,+CAGA,4BACA,8BACA,6BACA,+BACA,2BAGA,0BACA,2BACA,yBACA,0BACA,uBACA,2BACA,2BACA,4BACA,yBACA,yBACA,yBAGA,+BACA,6BACA,8BACA,4BACA,mCACA,+BAGA,qDACA,2FACA,8FACA,qEACA,4EACA,gFACA,8EACA,kFACA,0EAGA,uDACA,+FACA,oGAEA,qGAIA,uDACA,+FACA,oGAEA,uGAIA,uDACA,+FACA,oGAEA,uGAIA,oDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,mDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,mDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,mDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,uDACA,qGAGA,0GAEA,2GAIA,uDACA,qGAGA,0GAEA,2GAIA,uDACA,qGAGA,0GAEA,2GAIA,oDACA,2FACA,8FACA,kGASA,4DACA,4DACA,0DACA,4DACA,uEACA,gEACA,8DACA,gEACA,4DAGA,2DACA,2DACA,2DACA,4DACA,kEACA,4DACA,mDAGA,8BACA,oCACA,kEACA,6BACA,mCACA,gCACA,sCACA,6BACA,mCACA,wCACA,2CACA",
+  "sourcesContent": ["/* rubik-cyrillic-ext-wght-normal */\n@font-face {\n  font-family: 'Rubik Variable';\n  font-style: normal;\n  font-display: var(--fontsource-display, swap);\n  font-weight: 300 900;\n  src: url(./files/rubik-cyrillic-ext-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n\n/* rubik-cyrillic-wght-normal */\n@font-face {\n  font-family: 'Rubik Variable';\n  font-style: normal;\n  font-display: var(--fontsource-display, swap);\n  font-weight: 300 900;\n  src: url(./files/rubik-cyrillic-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n\n/* rubik-hebrew-wght-normal */\n@font-face {\n  font-family: 'Rubik Variable';\n  font-style: normal;\n  font-display: var(--fontsource-display, swap);\n  font-weight: 300 900;\n  src: url(./files/rubik-hebrew-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;\n}\n\n/* rubik-latin-ext-wght-normal */\n@font-face {\n  font-family: 'Rubik Variable';\n  font-style: normal;\n  font-display: var(--fontsource-display, swap);\n  font-weight: 300 900;\n  src: url(./files/rubik-latin-ext-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0100-02AF,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* rubik-latin-wght-normal */\n@font-face {\n  font-family: 'Rubik Variable';\n  font-style: normal;\n  font-display: var(--fontsource-display, swap);\n  font-weight: 300 900;\n  src: url(./files/rubik-latin-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}", "@import url(\"@fontsource-variable/rubik\");\n\n:root {\n  /* Primary Color */\n  --bl-color-primary: #f27a1a;\n  --bl-color-primary-highlight: #ef6114;\n  --bl-color-primary-contrast: #fef2e8;\n\n  /* Success Color */\n  --bl-color-success: #0bc15c;\n  --bl-color-success-highlight: #09a44e;\n  --bl-color-success-contrast: #e7f9ef;\n\n  /* Danger Color */\n  --bl-color-danger: #ff5043;\n  --bl-color-danger-highlight: #ff3028;\n  --bl-color-danger-contrast: #ffeeec;\n\n  /* Warning Color */\n  --bl-color-warning: #ffb600;\n  --bl-color-warning-highlight: #ff9800;\n  --bl-color-warning-contrast: #fff8e6;\n\n  /* Info Color */\n  --bl-color-info: #5794ff;\n  --bl-color-info-highlight: #457eff;\n  --bl-color-info-contrast: #eef4ff;\n\n  /* Neutral Color */\n  --bl-color-neutral-none: #000;\n  --bl-color-neutral-darkest: #0f131a;\n  --bl-color-neutral-darker: #273142;\n  --bl-color-neutral-dark: #6e7787;\n  --bl-color-neutral-light: #95a1b5;\n  --bl-color-neutral-lighter: #afbbca;\n  --bl-color-neutral-lightest: #f1f2f7;\n  --bl-color-neutral-full: #fff;\n\n  /* Size and Spacing */\n  --bl-size-4xs: 0.125rem; /* 2px */\n  --bl-size-3xs: 0.25rem; /* 4px */\n  --bl-size-2xs: 0.5rem; /* 8px */\n  --bl-size-xs: 0.75rem; /* 12px */\n  --bl-size-s: 0.875rem; /* 14px */\n  --bl-size-m: 1rem; /* 16px */\n  --bl-size-l: 1.25rem; /* 20px */\n  --bl-size-xl: 1.5rem; /* 24px */\n  --bl-size-2xl: 2rem; /* 32px */\n  --bl-size-3xl: 2.5rem; /* 40px */\n  --bl-size-4xl: 3rem; /* 48px */\n  --bl-size-5xl: 4rem; /* 64px */\n  --bl-size-6xl: 5rem; /* 80px */\n\n  /* Z-indexes */\n  --bl-index-deep: -1;\n  --bl-index-base: 1;\n  --bl-index-popover: 100;\n  --bl-index-tooltip: 200;\n  --bl-index-sticky: 300;\n  --bl-index-overlay: 400;\n  --bl-index-dialog: 500;\n  --bl-index-notification: 600;\n\n  /* Typography */\n  --bl-font-family: \"Rubik Variable\", sans-serif;\n\n  /* Font weights */\n  --bl-font-weight-light: 300;\n  --bl-font-weight-regular: 400;\n  --bl-font-weight-medium: 500;\n  --bl-font-weight-semibold: 600;\n  --bl-font-weight-bold: 700;\n\n  /* Font sizes */\n  --bl-font-size-2xs: 0.5rem; /* 8px */\n  --bl-font-size-xs: 0.625rem; /* 10px */\n  --bl-font-size-s: 0.75rem; /* 12px */\n  --bl-font-size-m: 0.875rem; /* 14px */\n  --bl-font-size-l: 1rem; /* 16px */\n  --bl-font-size-xl: 1.25rem; /* 20px */\n  --bl-font-size-2xl: 1.5rem; /* 24px */\n  --bl-font-size-3xl: 1.75rem; /* 28px */\n  --bl-font-size-4xl: 2rem; /* 32px */\n  --bl-font-size-5xl: 3rem; /* 48px */\n  --bl-font-size-6xl: 4rem; /* 64px */\n\n  /* Border radius */\n  --bl-border-radius-xs: 0.125rem; /* 2px */\n  --bl-border-radius-s: 0.25rem; /* 4px */\n  --bl-border-radius-m: 0.375rem; /* 6px */\n  --bl-border-radius-l: 0.5rem; /* 8px */\n  --bl-border-radius-pill: 62.438rem; /* 999px */\n  --bl-border-radius-circle: 50%;\n\n  /* Font Style: Display */\n  --bl-font-display-font-size: var(--bl-font-size-5xl);\n  --bl-font-display-line-height: calc(var(--bl-font-display-font-size) + var(--bl-size-2xs));\n  --bl-font-display-size: var(--bl-font-display-font-size) / var(--bl-font-display-line-height);\n  --bl-font-display: var(--bl-font-display-size) var(--bl-font-family);\n  --bl-font-display-light: var(--bl-font-weight-light) var(--bl-font-display);\n  --bl-font-display-regular: var(--bl-font-weight-regular) var(--bl-font-display);\n  --bl-font-display-medium: var(--bl-font-weight-medium) var(--bl-font-display);\n  --bl-font-display-semibold: var(--bl-font-weight-semibold) var(--bl-font-display);\n  --bl-font-display-bold: var(--bl-font-weight-bold) var(--bl-font-display);\n\n  /* Font Style: Heading 1 */\n  --bl-font-heading-1-font-size: var(--bl-font-size-4xl);\n  --bl-font-heading-1-line-height: calc(var(--bl-font-heading-1-font-size) + var(--bl-size-3xs));\n  --bl-font-heading-1-size: var(--bl-font-heading-1-font-size) /\n    var(--bl-font-heading-1-line-height);\n  --bl-font-heading-1: var(--bl-font-heading-1-size) var(--bl-font-family);\n  --bl-font-heading-1-regular: var(--bl-font-weight-regular) var(--bl-font-heading-1);\n  --bl-font-heading-1-medium: var(--bl-font-weight-medium) var(--bl-font-heading-1);\n  --bl-font-heading-1-semibold: var(--bl-font-weight-semibold) var(--bl-font-heading-1);\n  --bl-font-heading-1-bold: var(--bl-font-weight-bold) var(--bl-font-heading-1);\n\n  /* Font Style: Heading 2 */\n  --bl-font-heading-2-font-size: var(--bl-font-size-3xl);\n  --bl-font-heading-2-line-height: calc(var(--bl-font-heading-2-font-size) + var(--bl-size-3xs));\n  --bl-font-heading-2-size: var(--bl-font-heading-2-font-size) /\n    var(--bl-font-heading-2-line-height);\n  --bl-font-heading-2: var(--bl-font-heading-2-size) var(--bl-font-family);\n  --bl-font-heading-2-regular: var(--bl-font-weight-regular) var(--bl-font-heading-2);\n  --bl-font-heading-2-medium: var(--bl-font-weight-medium) var(--bl-font-heading-2);\n  --bl-font-heading-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-heading-2);\n  --bl-font-heading-2-bold: var(--bl-font-weight-bold) var(--bl-font-heading-2);\n\n  /* Font Style: Heading 3 */\n  --bl-font-heading-3-font-size: var(--bl-font-size-2xl);\n  --bl-font-heading-3-line-height: calc(var(--bl-font-heading-3-font-size) + var(--bl-size-3xs));\n  --bl-font-heading-3-size: var(--bl-font-heading-3-font-size) /\n    var(--bl-font-heading-3-line-height);\n  --bl-font-heading-3: var(--bl-font-heading-3-size) var(--bl-font-family);\n  --bl-font-heading-3-regular: var(--bl-font-weight-regular) var(--bl-font-heading-3);\n  --bl-font-heading-3-medium: var(--bl-font-weight-medium) var(--bl-font-heading-3);\n  --bl-font-heading-3-semibold: var(--bl-font-weight-semibold) var(--bl-font-heading-3);\n  --bl-font-heading-3-bold: var(--bl-font-weight-bold) var(--bl-font-heading-3);\n\n  /* Font Style: Title 1 */\n  --bl-font-title-1-font-size: var(--bl-font-size-xl);\n  --bl-font-title-1-line-height: calc(var(--bl-font-title-1-font-size) + var(--bl-size-3xs));\n  --bl-font-title-1-size: var(--bl-font-title-1-font-size) / var(--bl-font-title-1-line-height);\n  --bl-font-title-1: var(--bl-font-title-1-size) var(--bl-font-family);\n  --bl-font-title-1-regular: var(--bl-font-weight-regular) var(--bl-font-title-1);\n  --bl-font-title-1-medium: var(--bl-font-weight-medium) var(--bl-font-title-1);\n  --bl-font-title-1-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-1);\n  --bl-font-title-1-bold: var(--bl-font-weight-bold) var(--bl-font-title-1);\n\n  /* Font Style: Title 2 */\n  --bl-font-title-2-font-size: var(--bl-font-size-l);\n  --bl-font-title-2-line-height: calc(var(--bl-font-title-2-font-size) + var(--bl-size-3xs));\n  --bl-font-title-2-size: var(--bl-font-title-2-font-size) / var(--bl-font-title-2-line-height);\n  --bl-font-title-2: var(--bl-font-title-2-size) var(--bl-font-family);\n  --bl-font-title-2-regular: var(--bl-font-weight-regular) var(--bl-font-title-2);\n  --bl-font-title-2-medium: var(--bl-font-weight-medium) var(--bl-font-title-2);\n  --bl-font-title-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-2);\n  --bl-font-title-2-bold: var(--bl-font-weight-bold) var(--bl-font-title-2);\n\n  /* Font Style: Title 3 */\n  --bl-font-title-3-font-size: var(--bl-font-size-m);\n  --bl-font-title-3-line-height: calc(var(--bl-font-title-3-font-size) + var(--bl-size-4xs));\n  --bl-font-title-3-size: var(--bl-font-title-3-font-size) / var(--bl-font-title-3-line-height);\n  --bl-font-title-3: var(--bl-font-title-3-size) var(--bl-font-family);\n  --bl-font-title-3-regular: var(--bl-font-weight-regular) var(--bl-font-title-3);\n  --bl-font-title-3-medium: var(--bl-font-weight-medium) var(--bl-font-title-3);\n  --bl-font-title-3-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-3);\n  --bl-font-title-3-bold: var(--bl-font-weight-bold) var(--bl-font-title-3);\n\n  /* Font Style: Title 4 */\n  --bl-font-title-4-font-size: var(--bl-font-size-s);\n  --bl-font-title-4-line-height: calc(var(--bl-font-title-4-font-size) + var(--bl-size-4xs));\n  --bl-font-title-4-size: var(--bl-font-title-4-font-size) / var(--bl-font-title-4-line-height);\n  --bl-font-title-4: var(--bl-font-title-4-size) var(--bl-font-family);\n  --bl-font-title-4-regular: var(--bl-font-weight-regular) var(--bl-font-title-4);\n  --bl-font-title-4-medium: var(--bl-font-weight-medium) var(--bl-font-title-4);\n  --bl-font-title-4-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-4);\n  --bl-font-title-4-bold: var(--bl-font-weight-bold) var(--bl-font-title-4);\n\n  /* Font Style: Body Text 1 */\n  --bl-font-body-text-1-font-size: var(--bl-font-size-l);\n  --bl-font-body-text-1-line-height: calc(\n    var(--bl-font-body-text-1-font-size) + var(--bl-size-4xs)\n  );\n  --bl-font-body-text-1-size: var(--bl-font-body-text-1-font-size) /\n    var(--bl-font-body-text-1-line-height);\n  --bl-font-body-text-1: var(--bl-font-body-text-1-size) var(--bl-font-family);\n  --bl-font-body-text-1-regular: var(--bl-font-weight-regular) var(--bl-font-body-text-1);\n  --bl-font-body-text-1-medium: var(--bl-font-weight-medium) var(--bl-font-body-text-1);\n\n  /* Font Style: Body Text 2 */\n  --bl-font-body-text-2-font-size: var(--bl-font-size-m);\n  --bl-font-body-text-2-line-height: calc(\n    var(--bl-font-body-text-2-font-size) + var(--bl-size-4xs)\n  );\n  --bl-font-body-text-2-size: var(--bl-font-body-text-2-font-size) /\n    var(--bl-font-body-text-2-line-height);\n  --bl-font-body-text-2: var(--bl-font-body-text-2-size) var(--bl-font-family);\n  --bl-font-body-text-2-regular: var(--bl-font-weight-regular) var(--bl-font-body-text-2);\n  --bl-font-body-text-2-medium: var(--bl-font-weight-medium) var(--bl-font-body-text-2);\n\n  /* Font Style: Body Text 3 */\n  --bl-font-body-text-3-font-size: var(--bl-font-size-s);\n  --bl-font-body-text-3-line-height: calc(\n    var(--bl-font-body-text-3-font-size) + var(--bl-size-4xs)\n  );\n  --bl-font-body-text-3-size: var(--bl-font-body-text-3-font-size) /\n    var(--bl-font-body-text-3-line-height);\n  --bl-font-body-text-3: var(--bl-font-body-text-3-size) var(--bl-font-family);\n  --bl-font-body-text-3-regular: var(--bl-font-weight-regular) var(--bl-font-body-text-3);\n  --bl-font-body-text-3-medium: var(--bl-font-weight-medium) var(--bl-font-body-text-3);\n\n  /* Font Style: Caption */\n  --bl-font-caption-font-size: var(--bl-font-size-xs);\n  --bl-font-caption-line-height: calc(var(--bl-font-caption-font-size) + var(--bl-size-4xs));\n  --bl-font-caption-size: var(--bl-font-caption-font-size) / var(--bl-font-caption-line-height);\n  --bl-font-caption: var(--bl-font-weight-medium) var(--bl-font-caption-size) var(--bl-font-family);\n\n  /*\n  @DEPRECATED\n\n  Color names below is kept for backward compatibility,\n\n  Will be removed in V3\n  */\n  --bl-color-primary-hover: var(--bl-color-primary-highlight);\n  --bl-color-success-hover: var(--bl-color-success-highlight);\n  --bl-color-danger-hover: var(--bl-color-danger-highlight);\n  --bl-color-warning-hover: var(--bl-color-warning-highlight);\n  --bl-color-accent-primary-background: var(--bl-color-primary-contrast);\n  --bl-color-success-background: var(--bl-color-success-contrast);\n  --bl-color-danger-background: var(--bl-color-danger-contrast);\n  --bl-color-warning-background: var(--bl-color-warning-contrast);\n  --bl-color-primary-background: var(--bl-color-neutral-full);\n\n  /* Content Colors */\n  --bl-color-content-primary: var(--bl-color-neutral-darker);\n  --bl-color-content-secondary: var(--bl-color-neutral-dark);\n  --bl-color-content-tertiary: var(--bl-color-neutral-light);\n  --bl-color-content-passive: var(--bl-color-neutral-lighter);\n  --bl-color-content-primary-contrast: var(--bl-color-neutral-full);\n  --bl-color-content-hover: var(--bl-color-primary-highlight);\n  --bl-color-border: var(--bl-color-neutral-lighter);\n\n  /* Removed Colors */\n  --bl-color-secondary: #273142;\n  --bl-color-secondary-hover: #0f131a;\n  --bl-color-secondary-background: var(--bl-color-neutral-lightest);\n  --bl-color-tertiary: #f1f2f7;\n  --bl-color-tertiary-hover: #d5d9e1;\n  --bl-color-alternative: #5794ff;\n  --bl-color-alternative-hover: #457eff;\n  --bl-color-featured: #8c4eff;\n  --bl-color-featured-hover: #753eff;\n  --bl-color-tertiary-background: #f7f7fa;\n  --bl-color-alternative-background: #eef4ff;\n  --bl-color-featured-background: #f4edff;\n}\n"],
+  "mappings": "AACA,WACE,2BACA,kBACA,6CACA,oBACA,mFACA,iFAIF,WACE,2BACA,kBACA,6CACA,oBACA,+EACA,gEAIF,WACE,2BACA,kBACA,6CACA,oBACA,6EACA,gEAIF,WACE,2BACA,kBACA,6CACA,oBACA,gFACA,sJAIF,WACE,2BACA,kBACA,6CACA,oBACA,4EACA,2MC7CF,MAEE,4BACA,sCACA,qCAGA,4BACA,sCACA,qCAGA,2BACA,qCACA,oCAGA,4BACA,sCACA,qCAGA,yBACA,mCACA,kCAGA,8BACA,oCACA,mCACA,iCACA,kCACA,oCACA,qCACA,8BAGA,uBACA,sBACA,qBACA,qBACA,qBACA,kBACA,qBACA,qBACA,oBACA,sBACA,oBACA,oBACA,oBAGA,oBACA,mBACA,wBACA,wBACA,uBACA,wBACA,uBACA,6BAGA,+CAGA,4BACA,8BACA,6BACA,+BACA,2BAGA,0BACA,2BACA,yBACA,0BACA,uBACA,2BACA,2BACA,4BACA,yBACA,yBACA,yBAGA,+BACA,6BACA,8BACA,4BACA,mCACA,+BAGA,qDACA,2FACA,8FACA,qEACA,4EACA,gFACA,8EACA,kFACA,0EAGA,uDACA,+FACA,oGAEA,yEACA,oFACA,kFACA,sFACA,8EAGA,uDACA,+FACA,oGAEA,yEACA,oFACA,kFACA,sFACA,8EAGA,uDACA,+FACA,oGAEA,yEACA,oFACA,kFACA,sFACA,8EAGA,oDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,mDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,mDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,mDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,uDACA,qGAGA,0GAEA,6EACA,wFACA,sFAGA,uDACA,qGAGA,0GAEA,6EACA,wFACA,sFAGA,uDACA,qGAGA,0GAEA,6EACA,wFACA,sFAGA,oDACA,2FACA,8FACA,kGASA,4DACA,4DACA,0DACA,4DACA,uEACA,gEACA,8DACA,gEACA,4DAGA,2DACA,2DACA,2DACA,4DACA,kEACA,4DACA,mDAGA,8BACA,oCACA,kEACA,6BACA,mCACA,gCACA,sCACA,6BACA,mCACA,wCACA,2CACA",
   "names": []
 }

package/dist/utilities/elements.d.ts

@@ -0,0 +1,5 @@
+export declare function getMiddleOfElement(element: Element): {
+    x: number;
+    y: number;
+};
+//# sourceMappingURL=elements.d.ts.map

package/dist/utilities/elements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../src/utilities/elements.ts"],"names":[],"mappings":"AAAA,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,OAAO;;;EAOlD"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@trendyol/baklava",
   "type": "module",
-  "version": "2.4.0-beta.1",
+  "version": "2.4.0-beta.11",
   "description": "Trendyol Baklava Design System",
   "main": "dist/baklava.js",
   "module": "dist/baklava.js",
@@ -89,7 +89,7 @@
     "@storybook/addon-mdx-gfm": "^7.4.3",
     "@storybook/addon-viewport": "^7.4.3",
     "@storybook/jest": "^0.2.2",
-    "@storybook/testing-library": "^0.2.0",
+    "@storybook/testing-library": "^0.2.2",
     "@storybook/web-components": "7.4.3",
     "@storybook/web-components-vite": "^7.4.3",
     "@trivago/prettier-plugin-sort-imports": "^4.1.1",

package/dist/chunk-4HHOA5GY.js

@@ -1,23 +0,0 @@
-import{a as m}from"./chunk-5HXMVHTD.js";import{a as s}from"./chunk-GRL4DWKG.js";import{a as c,b as o,c as b,d as l}from"./chunk-IRDH7CN2.js";import{a as n}from"./chunk-DINNT5P2.js";import{a as p,b as a,f as d}from"./chunk-4OT5AMS5.js";import{c as e}from"./chunk-VO7C5OZC.js";var g=p`:host{position:relative;display:inline-block}:host([kind="neutral"]) bl-popover{--bl-popover-border-color:var(--bl-color-neutral-darker)}:host([kind="success"]) bl-popover{--bl-popover-border-color:var(--bl-color-success)}:host([kind="danger"]) bl-popover{--bl-popover-border-color:var(--bl-color-danger)}`,f=g;var u="bl-dropdown",t=class extends d{constructor(){super(...arguments);this._isPopoverOpen=!1;this.label="Dropdown Button";this.variant="primary";this.kind="default";this.size="medium";this.disabled=!1;this.focusedOptionIndex=-1}static get styles(){return[f]}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown)}firstUpdated(){this._popover.target=this._button}get opened(){return this._isPopoverOpen}_handleClick(){!this._isPopoverOpen&&!this.disabled?this.open():this.close()}handleKeyDown(i){if(["ArrowDown","ArrowRight"].includes(i.key))this.focusedOptionIndex++;else if(["ArrowUp","ArrowLeft"].includes(i.key))this.focusedOptionIndex--;else if(i.key==="Escape"){this.focusedOptionIndex=-1,this.close();return}else return;this.focusedOptionIndex=Math.max(0,Math.min(this.focusedOptionIndex,this.options.length-1)),this.options[this.focusedOptionIndex].focus(),i.preventDefault()}get options(){return[...this.querySelectorAll(h)]}open(){this._isPopoverOpen=!0,this._popover.show(),this.onOpen("Dropdown opened!")}close(){this._isPopoverOpen=!1,this._popover.visible&&this._popover.hide(),this.onClose("Dropdown closed!")}render(){return a`<bl-button
-        dropdown
-        .active=${this.opened}
-        ?disabled=${n(this.disabled)}
-        variant="${this.variant}"
-        kind="${this.kind}"
-        size="${this.size}"
-        aria-label="${n(this.label)}"
-        @bl-click="${this._handleClick}"
-      >
-        ${this.label}
-      </bl-button>
-      <bl-popover fit-size placement="bottom-start" @bl-popover-hide="${this.close}">
-        <slot></slot>
-      </bl-popover> `}};e([l("bl-popover")],t.prototype,"_popover",2),e([l("bl-button")],t.prototype,"_button",2),e([b()],t.prototype,"_isPopoverOpen",2),e([o({type:String,reflect:!0})],t.prototype,"label",2),e([o({type:String,reflect:!0})],t.prototype,"variant",2),e([o({type:String,reflect:!0})],t.prototype,"kind",2),e([o({type:String,reflect:!0})],t.prototype,"size",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([s("bl-dropdown-open")],t.prototype,"onOpen",2),e([s("bl-dropdown-close")],t.prototype,"onClose",2),t=e([c(u)],t);var w=p`:host{width:100%;--bl-button-display:block;--bl-button-justify:start}`,v=w;var h="bl-dropdown-item",r=class extends d{static get styles(){return[v]}_handleClick(){var i;(i=this.BlDropdownField)==null||i.close(),this.onClick("Action clicked!")}focus(){this.menuElement.focus()}connectedCallback(){super.connectedCallback(),this.BlDropdownGroupField=this.closest(m),this.BlDropdownField=this.closest(u),!this.BlDropdownField&&!this.BlDropdownGroupField&&console.warn(`bl-dropdown-item is designed to be used inside a ${m} or ${u}`,this)}disconnectedCallback(){super.disconnectedCallback()}render(){return a`<bl-button
-      variant="tertiary"
-      kind="neutral"
-      icon="${n(this.icon)}"
-      role="menuitem"
-      @click="${this._handleClick}"
-      ><slot></slot>
-    </bl-button>`}};e([o({type:String})],r.prototype,"icon",2),e([s("bl-dropdown-item-click")],r.prototype,"onClick",2),e([l("[role=menuitem]")],r.prototype,"menuElement",2),r=e([c(h)],r);export{h as a,r as b,u as c,t as d};
-//# sourceMappingURL=chunk-4HHOA5GY.js.map

package/dist/chunk-4HHOA5GY.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/dropdown/bl-dropdown.css", "../src/components/dropdown/bl-dropdown.ts", "../src/components/dropdown/item/bl-dropdown-item.css", "../src/components/dropdown/item/bl-dropdown-item.ts"],
-  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{position:relative;display:inline-block}:host([kind=\"neutral\"]) bl-popover{--bl-popover-border-color:var(--bl-color-neutral-darker)}:host([kind=\"success\"]) bl-popover{--bl-popover-border-color:var(--bl-color-success)}:host([kind=\"danger\"]) bl-popover{--bl-popover-border-color:var(--bl-color-danger)}`;\nexport default styles;\n", "import { LitElement, html, CSSResultGroup, TemplateResult } from \"lit\";\nimport { customElement, property, state, query } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport \"../button/bl-button\";\nimport BlButton, { ButtonSize, ButtonVariant, ButtonKind } from \"../button/bl-button\";\nimport BlPopover from \"../popover/bl-popover\";\nimport style from \"./bl-dropdown.css\";\nimport BlDropdownItem, { blDropdownItemTag } from \"./item/bl-dropdown-item\";\n\nexport const blDropdownTag = \"bl-dropdown\";\n\n/**\n * @tag bl-dropdown\n * @summary Baklava Dropdown component\n */\n@customElement(blDropdownTag)\nexport default class BlDropdown extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  @query(\"bl-popover\")\n  private _popover: BlPopover;\n\n  @query(\"bl-button\")\n  private _button: BlButton;\n\n  @state() private _isPopoverOpen = false;\n\n  /**\n   * Sets the dropdown button label\n   */\n  @property({ type: String, reflect: true })\n  label = \"Dropdown Button\";\n\n  /**\n   * Sets the dropdown button variant\n   */\n  @property({ type: String, reflect: true })\n  variant: ButtonVariant = \"primary\";\n\n  /**\n   * Sets the dropdown button kind\n   */\n  @property({ type: String, reflect: true })\n  kind: ButtonKind = \"default\";\n\n  /**\n   * Sets the dropdown button size\n   */\n  @property({ type: String, reflect: true })\n  size: ButtonSize = \"medium\";\n\n  /**\n   * Sets button as disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Fires when dropdown opened\n   */\n  @event(\"bl-dropdown-open\") private onOpen: EventDispatcher<string>;\n\n  /**\n   * Fires when dropdown closed\n   */\n  @event(\"bl-dropdown-close\") private onClose: EventDispatcher<string>;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener(\"keydown\", this.handleKeyDown);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener(\"keydown\", this.handleKeyDown);\n  }\n\n  firstUpdated() {\n    // `_button` will be undefined during the initial render.\n    // To ensure proper rendering, we set `_popover.target` after the template has been created.\n    this._popover.target = this._button;\n  }\n\n  get opened() {\n    return this._isPopoverOpen;\n  }\n\n  private _handleClick() {\n    !this._isPopoverOpen && !this.disabled ? this.open() : this.close();\n  }\n\n  private focusedOptionIndex = -1;\n\n  private handleKeyDown(event: KeyboardEvent) {\n    // Next action\n    if ([\"ArrowDown\", \"ArrowRight\"].includes(event.key)) {\n      this.focusedOptionIndex++;\n\n      // Previous action\n    } else if ([\"ArrowUp\", \"ArrowLeft\"].includes(event.key)) {\n      this.focusedOptionIndex--;\n      // Select action\n    } else if (event.key === \"Escape\") {\n      this.focusedOptionIndex = -1;\n      this.close();\n      return;\n    } else {\n      // Other keys are not our interest here\n      return;\n    }\n\n    // Don't exceed array indexes\n    this.focusedOptionIndex = Math.max(\n      0,\n      Math.min(this.focusedOptionIndex, this.options.length - 1)\n    );\n\n    this.options[this.focusedOptionIndex].focus();\n\n    event.preventDefault();\n  }\n\n  get options(): BlDropdownItem[] {\n    return [...this.querySelectorAll(blDropdownItemTag)];\n  }\n\n  open() {\n    this._isPopoverOpen = true;\n    this._popover.show();\n    this.onOpen(\"Dropdown opened!\");\n  }\n\n  close() {\n    this._isPopoverOpen = false;\n    this._popover.visible && this._popover.hide();\n    this.onClose(\"Dropdown closed!\");\n  }\n\n  render(): TemplateResult {\n    return html`<bl-button\n        dropdown\n        .active=${this.opened}\n        ?disabled=${ifDefined(this.disabled)}\n        variant=\"${this.variant}\"\n        kind=\"${this.kind}\"\n        size=\"${this.size}\"\n        aria-label=\"${ifDefined(this.label)}\"\n        @bl-click=\"${this._handleClick}\"\n      >\n        ${this.label}\n      </bl-button>\n      <bl-popover fit-size placement=\"bottom-start\" @bl-popover-hide=\"${this.close}\">\n        <slot></slot>\n      </bl-popover> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [blDropdownTag]: BlDropdown;\n  }\n}\n", "import {css} from 'lit';\nexport const styles = css`:host{width:100%;--bl-button-display:block;--bl-button-justify:start}`;\nexport default styles;\n", "import { LitElement, html, CSSResultGroup, TemplateResult } from \"lit\";\nimport { customElement, property, query } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { event, EventDispatcher } from \"../../../utilities/event\";\nimport \"../../button/bl-button\";\nimport BlButton from \"../../button/bl-button\";\nimport { BaklavaIcon } from \"../../icon/icon-list\";\nimport type BlDropdown from \"../bl-dropdown\";\nimport { blDropdownTag } from \"../bl-dropdown\";\nimport type BlDropdownGroup from \"../group/bl-dropdown-group\";\nimport { blDropdownGroupTag } from \"../group/bl-dropdown-group\";\nimport style from \"./bl-dropdown-item.css\";\n\nexport const blDropdownItemTag = \"bl-dropdown-item\";\n\n/**\n * @tag bl-dropdown-item\n * @summary Baklava Dropdown Item component\n */\n@customElement(blDropdownItemTag)\nexport default class BlDropdownItem extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the icon name. Shows icon with bl-icon component\n   */\n\n  @property({ type: String })\n  icon?: BaklavaIcon;\n\n  @event(\"bl-dropdown-item-click\") private onClick: EventDispatcher<string>;\n\n  private _handleClick() {\n    this.BlDropdownField?.close();\n    this.onClick(\"Action clicked!\");\n  }\n\n  @query(\"[role=menuitem]\") private menuElement: BlButton;\n\n  /**\n   * Focuses this action\n   */\n  focus() {\n    this.menuElement.focus();\n  }\n\n  private BlDropdownGroupField: BlDropdownGroup | null;\n  private BlDropdownField: BlDropdown | null;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n\n    this.BlDropdownGroupField = this.closest<BlDropdownGroup>(blDropdownGroupTag);\n    this.BlDropdownField = this.closest<BlDropdown>(blDropdownTag);\n\n    if (!this.BlDropdownField && !this.BlDropdownGroupField) {\n      console.warn(\n        `bl-dropdown-item is designed to be used inside a ${blDropdownGroupTag} or ${blDropdownTag}`,\n        this\n      );\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n  }\n\n  render(): TemplateResult {\n    return html`<bl-button\n      variant=\"tertiary\"\n      kind=\"neutral\"\n      icon=\"${ifDefined(this.icon)}\"\n      role=\"menuitem\"\n      @click=\"${this._handleClick}\"\n      ><slot></slot>\n    </bl-button>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [blDropdownItemTag]: BlDropdownItem;\n  }\n}\n"],
-  "mappings": "mRACO,IAAMA,EAASC,qTACfC,EAAQF,ECQR,IAAMG,EAAgB,cAORC,EAArB,cAAwCC,CAAW,CAAnD,kCAWW,KAAQ,eAAiB,GAMlC,WAAQ,kBAMR,aAAyB,UAMzB,UAAmB,UAMnB,UAAmB,SAMnB,cAAW,GAoCX,KAAQ,mBAAqB,GA5E7B,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAkDA,mBAAoB,CAClB,MAAM,kBAAkB,EACxB,KAAK,iBAAiB,UAAW,KAAK,aAAa,CACrD,CAEA,sBAAuB,CACrB,MAAM,qBAAqB,EAC3B,KAAK,oBAAoB,UAAW,KAAK,aAAa,CACxD,CAEA,cAAe,CAGb,KAAK,SAAS,OAAS,KAAK,OAC9B,CAEA,IAAI,QAAS,CACX,OAAO,KAAK,cACd,CAEQ,cAAe,CACrB,CAAC,KAAK,gBAAkB,CAAC,KAAK,SAAW,KAAK,KAAK,EAAI,KAAK,MAAM,CACpE,CAIQ,cAAcC,EAAsB,CAE1C,GAAI,CAAC,YAAa,YAAY,EAAE,SAASA,EAAM,GAAG,EAChD,KAAK,6BAGI,CAAC,UAAW,WAAW,EAAE,SAASA,EAAM,GAAG,EACpD,KAAK,6BAEIA,EAAM,MAAQ,SAAU,CACjC,KAAK,mBAAqB,GAC1B,KAAK,MAAM,EACX,WAGA,QAIF,KAAK,mBAAqB,KAAK,IAC7B,EACA,KAAK,IAAI,KAAK,mBAAoB,KAAK,QAAQ,OAAS,CAAC,CAC3D,EAEA,KAAK,QAAQ,KAAK,kBAAkB,EAAE,MAAM,EAE5CA,EAAM,eAAe,CACvB,CAEA,IAAI,SAA4B,CAC9B,MAAO,CAAC,GAAG,KAAK,iBAAiBC,CAAiB,CAAC,CACrD,CAEA,MAAO,CACL,KAAK,eAAiB,GACtB,KAAK,SAAS,KAAK,EACnB,KAAK,OAAO,kBAAkB,CAChC,CAEA,OAAQ,CACN,KAAK,eAAiB,GACtB,KAAK,SAAS,SAAW,KAAK,SAAS,KAAK,EAC5C,KAAK,QAAQ,kBAAkB,CACjC,CAEA,QAAyB,CACvB,OAAOC;AAAA;AAAA,kBAEO,KAAK;AAAA,oBACHC,EAAU,KAAK,QAAQ;AAAA,mBACxB,KAAK;AAAA,gBACR,KAAK;AAAA,gBACL,KAAK;AAAA,sBACCA,EAAU,KAAK,KAAK;AAAA,qBACrB,KAAK;AAAA;AAAA,UAEhB,KAAK;AAAA;AAAA,wEAEyD,KAAK;AAAA;AAAA,qBAG3E,CACF,EAvIUC,EAAA,CADPC,EAAM,YAAY,GALAR,EAMX,wBAGAO,EAAA,CADPC,EAAM,WAAW,GARCR,EASX,uBAESO,EAAA,CAAhBE,EAAM,GAXYT,EAWF,8BAMjBO,EAAA,CADCG,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAhBtBV,EAiBnB,qBAMAO,EAAA,CADCG,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAtBtBV,EAuBnB,uBAMAO,EAAA,CADCG,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GA5BtBV,EA6BnB,oBAMAO,EAAA,CADCG,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAlCtBV,EAmCnB,oBAMAO,EAAA,CADCG,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAxCvBV,EAyCnB,wBAKmCO,EAAA,CAAlCJ,EAAM,kBAAkB,GA9CNH,EA8CgB,sBAKCO,EAAA,CAAnCJ,EAAM,mBAAmB,GAnDPH,EAmDiB,uBAnDjBA,EAArBO,EAAA,CADCG,EAAcX,CAAa,GACPC,GChBd,IAAMW,EAASC,yEACfC,EAAQF,ECWR,IAAMG,EAAoB,mBAOZC,EAArB,cAA4CC,CAAW,CACrD,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAWQ,cAAe,CAlCzB,IAAAC,GAmCIA,EAAA,KAAK,kBAAL,MAAAA,EAAsB,QACtB,KAAK,QAAQ,iBAAiB,CAChC,CAOA,OAAQ,CACN,KAAK,YAAY,MAAM,CACzB,CAKA,mBAA0B,CACxB,MAAM,kBAAkB,EAExB,KAAK,qBAAuB,KAAK,QAAyBC,CAAkB,EAC5E,KAAK,gBAAkB,KAAK,QAAoBC,CAAa,EAEzD,CAAC,KAAK,iBAAmB,CAAC,KAAK,sBACjC,QAAQ,KACN,oDAAoDD,QAAyBC,IAC7E,IACF,CAEJ,CAEA,sBAA6B,CAC3B,MAAM,qBAAqB,CAC7B,CAEA,QAAyB,CACvB,OAAOC;AAAA;AAAA;AAAA,cAGGC,EAAU,KAAK,IAAI;AAAA;AAAA,gBAEjB,KAAK;AAAA;AAAA,iBAGnB,CACF,EAjDEC,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GATPT,EAUnB,oBAEyCQ,EAAA,CAAxCE,EAAM,wBAAwB,GAZZV,EAYsB,uBAOPQ,EAAA,CAAjCG,EAAM,iBAAiB,GAnBLX,EAmBe,2BAnBfA,EAArBQ,EAAA,CADCC,EAAcV,CAAiB,GACXC",
-  "names": ["styles", "i", "bl_dropdown_default", "blDropdownTag", "BlDropdown", "s", "bl_dropdown_default", "event", "blDropdownItemTag", "x", "l", "__decorateClass", "i", "t", "e", "styles", "i", "bl_dropdown_item_default", "blDropdownItemTag", "BlDropdownItem", "s", "bl_dropdown_item_default", "_a", "blDropdownGroupTag", "blDropdownTag", "x", "l", "__decorateClass", "e", "event", "i"]
-}

package/dist/chunk-5HXMVHTD.js

@@ -1,5 +0,0 @@
-import{a as s,b as i}from"./chunk-IRDH7CN2.js";import{a as e,b as l,f as r}from"./chunk-4OT5AMS5.js";import{c as o}from"./chunk-VO7C5OZC.js";var p=e`:host{position:relative;width:100%}.dropdown-group{display:flex;flex-direction:column;gap:var(--bl-size-xs)}.caption{font:var(--bl-font-caption);font-size:var(--bl-font-size-xs);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-font-size-s);color:var(--bl-color-neutral-dark)}:host(:not(:first-child)){border-top:1px solid var(--bl-color-neutral-lighter)}:host(:not(:last-child)){border-bottom:1px solid var(--bl-color-neutral-lighter)}:host(:not([caption])) ::slotted(:first-child){padding-block:var(--bl-size-xs) 0}:host(:not(:last-child)) ::slotted(:last-child){padding-block:0 var(--bl-size-xs)}:host(:not(:first-child)) .caption{padding-block:var(--bl-size-xs) 0}`,a=p;var d="bl-dropdown-group",t=class extends r{static get styles(){return[a]}render(){let n=this.caption?l`<span id="label" class="caption">${this.caption}</span>`:"";return l`<div class="dropdown-group" role="group" aria-labelledby="label">
-      ${n}
-      <slot></slot>
-    </div>`}};o([i({type:String})],t.prototype,"caption",2),t=o([s(d)],t);export{d as a,t as b};
-//# sourceMappingURL=chunk-5HXMVHTD.js.map

package/dist/chunk-5HXMVHTD.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/dropdown/group/bl-dropdown-group.css", "../src/components/dropdown/group/bl-dropdown-group.ts"],
-  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{position:relative;width:100%}.dropdown-group{display:flex;flex-direction:column;gap:var(--bl-size-xs)}.caption{font:var(--bl-font-caption);font-size:var(--bl-font-size-xs);font-weight:var(--bl-font-weight-medium);line-height:var(--bl-font-size-s);color:var(--bl-color-neutral-dark)}:host(:not(:first-child)){border-top:1px solid var(--bl-color-neutral-lighter)}:host(:not(:last-child)){border-bottom:1px solid var(--bl-color-neutral-lighter)}:host(:not([caption])) ::slotted(:first-child){padding-block:var(--bl-size-xs) 0}:host(:not(:last-child)) ::slotted(:last-child){padding-block:0 var(--bl-size-xs)}:host(:not(:first-child)) .caption{padding-block:var(--bl-size-xs) 0}`;\nexport default styles;\n", "import { LitElement, html, CSSResultGroup, TemplateResult } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport style from \"./bl-dropdown-group.css\";\n\nexport const blDropdownGroupTag = \"bl-dropdown-group\";\n\n/**\n * @tag bl-dropdown-group\n * @summary Baklava Dropdown Group component\n */\n@customElement(blDropdownGroupTag)\nexport default class BlDropdownGroup extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the caption.\n   */\n  @property({ type: String })\n  caption?: string;\n\n  render(): TemplateResult {\n    const caption = this.caption\n      ? html`<span id=\"label\" class=\"caption\">${this.caption}</span>`\n      : \"\";\n\n    return html`<div class=\"dropdown-group\" role=\"group\" aria-labelledby=\"label\">\n      ${caption}\n      <slot></slot>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [blDropdownGroupTag]: BlDropdownGroup;\n  }\n}\n"],
-  "mappings": "6IACO,IAAMA,EAASC,4qBACfC,EAAQF,ECER,IAAMG,EAAqB,oBAObC,EAArB,cAA6CC,CAAW,CACtD,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAQA,QAAyB,CACvB,IAAMC,EAAU,KAAK,QACjBC,qCAAwC,KAAK,iBAC7C,GAEJ,OAAOA;AAAA,QACHD;AAAA;AAAA,WAGN,CACF,EAZEE,EAAA,CADCC,EAAS,CAAE,KAAM,MAAO,CAAC,GARPN,EASnB,uBATmBA,EAArBK,EAAA,CADCC,EAAcP,CAAkB,GACZC",
-  "names": ["styles", "i", "bl_dropdown_group_default", "blDropdownGroupTag", "BlDropdownGroup", "s", "bl_dropdown_group_default", "caption", "x", "__decorateClass", "e"]
-}

package/dist/chunk-DOUEBILK.js

@@ -1,16 +0,0 @@
-import{a as b}from"./chunk-GRL4DWKG.js";import{a as h,b as i}from"./chunk-IRDH7CN2.js";import{a as d}from"./chunk-DINNT5P2.js";import{a as l,b as c,f as n}from"./chunk-4OT5AMS5.js";import{c as r}from"./chunk-VO7C5OZC.js";var p=l`:host{display:inline-block;cursor:pointer}span{display:inline-block}.switch{--track-height:var(--bl-size-xl);--track-width:var(--bl-size-4xl);--thumb-offset:var(--bl-size-4xs);--thumb-height:calc(var(--track-height) - calc(2 * var(--thumb-offset)));--thumb-width:var(--thumb-height);/* TODO: use predefined animation duration once it is ready */--animation-duration:var(--bl-switch-animation-duration, 300ms);--switch-color:var(--bl-switch-color-off, var(--bl-color-neutral-lighter));background-color:var(--switch-color);border-radius:var(--bl-border-radius-pill);height:var(--track-height);transition-property:background-color;transition-duration:var(--animation-duration);width:var(--track-width)}.switch::before{content:"";display:inline-block;background-color:white;border-radius:var(--bl-border-radius-circle);height:var(--thumb-height);left:var(--thumb-offset);position:relative;top:var(--thumb-offset);transition:transform;transition-duration:var(--animation-duration);width:var(--thumb-width)}:host([checked]) .switch{--switch-color:var(--bl-switch-color-on, var(--bl-switch-color, var(--bl-color-primary)))}:host([checked]) .switch::before{transform:translateX(
-    calc(var(--track-width) - var(--thumb-width) - calc(2 * var(--thumb-offset)))
-  )}:host([disabled]) .switch{opacity:0.5}:host([disabled]){cursor:not-allowed}.switch:focus-visible{position:relative;outline:none}.switch:focus-visible::after{border:2px solid var(--switch-color);border-radius:var(--bl-border-radius-pill);content:"";position:absolute;inset:-3px}`,u=p;var m="bl-switch",t=class extends n{constructor(){super(...arguments);this.checked=!1;this.disabled=!1}static get styles(){return[u]}toggle(){this.disabled||(this.checked=!this.checked,this.onToggle(this.checked))}handleKeyDown(e){(e.code==="Enter"||e.code==="Space")&&(this.toggle(),e.preventDefault())}render(){var a,o,s;let e=(s=(o=this.ariaLabel)!=null?o:(a=this.attributes.getNamedItem("aria-label"))==null?void 0:a.value)!=null?s:void 0;return c`
-      <span
-        class="switch"
-        role="switch"
-        aria-checked=${this.checked}
-        aria-readonly=${!!this.disabled}
-        @click=${this.toggle}
-        @keydown=${this.handleKeyDown}
-        aria-label=${d(e)}
-        tabindex="0"
-      >
-      </span>
-    `}};r([i({type:Boolean,reflect:!0})],t.prototype,"checked",2),r([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),r([b("bl-switch-toggle")],t.prototype,"onToggle",2),t=r([h(m)],t);export{m as a,t as b};
-//# sourceMappingURL=chunk-DOUEBILK.js.map

package/dist/chunk-DOUEBILK.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/components/switch/bl-switch.css", "../src/components/switch/bl-switch.ts"],
-  "sourcesContent": ["import {css} from 'lit';\nexport const styles = css`:host{display:inline-block;cursor:pointer}span{display:inline-block}.switch{--track-height:var(--bl-size-xl);--track-width:var(--bl-size-4xl);--thumb-offset:var(--bl-size-4xs);--thumb-height:calc(var(--track-height) - calc(2 * var(--thumb-offset)));--thumb-width:var(--thumb-height);/* TODO: use predefined animation duration once it is ready */--animation-duration:var(--bl-switch-animation-duration, 300ms);--switch-color:var(--bl-switch-color-off, var(--bl-color-neutral-lighter));background-color:var(--switch-color);border-radius:var(--bl-border-radius-pill);height:var(--track-height);transition-property:background-color;transition-duration:var(--animation-duration);width:var(--track-width)}.switch::before{content:\"\";display:inline-block;background-color:white;border-radius:var(--bl-border-radius-circle);height:var(--thumb-height);left:var(--thumb-offset);position:relative;top:var(--thumb-offset);transition:transform;transition-duration:var(--animation-duration);width:var(--thumb-width)}:host([checked]) .switch{--switch-color:var(--bl-switch-color-on, var(--bl-switch-color, var(--bl-color-primary)))}:host([checked]) .switch::before{transform:translateX(\n    calc(var(--track-width) - var(--thumb-width) - calc(2 * var(--thumb-offset)))\n  )}:host([disabled]) .switch{opacity:0.5}:host([disabled]){cursor:not-allowed}.switch:focus-visible{position:relative;outline:none}.switch:focus-visible::after{border:2px solid var(--switch-color);border-radius:var(--bl-border-radius-pill);content:\"\";position:absolute;inset:-3px}`;\nexport default styles;\n", "import { CSSResultGroup, html, LitElement, TemplateResult } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { event, EventDispatcher } from \"../../utilities/event\";\nimport style from \"./bl-switch.css\";\n\nexport const blSwitchTag = \"bl-switch\";\n\n/**\n * @tag bl-switch\n * @summary Baklava Switch component\n *\n * @cssproperty [--bl-switch-color-on=--bl-color-primary] Set the checked color\n * @cssproperty [--bl-switch-color-off=--bl-color-neutral-lighter] Set the unchecked color\n * @cssproperty [--bl-switch-animation-duration=300ms] Set the animation duration of switch toggle\n */\n@customElement(blSwitchTag)\nexport default class BlSwitch extends LitElement {\n  static get styles(): CSSResultGroup {\n    return [style];\n  }\n\n  /**\n   * Sets the checked state for switch\n   */\n  @property({ type: Boolean, reflect: true })\n  checked = false;\n\n  /**\n   * Sets the disabled state for switch\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled? = false;\n\n  /**\n   * Fires whenever user toggles the switch\n   */\n  @event(\"bl-switch-toggle\") private onToggle: EventDispatcher<boolean>;\n\n  toggle() {\n    if (this.disabled) return;\n\n    this.checked = !this.checked;\n    this.onToggle(this.checked);\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (event.code === \"Enter\" || event.code === \"Space\") {\n      this.toggle();\n      event.preventDefault();\n    }\n  }\n\n  render(): TemplateResult {\n    const ariaLabel =\n      this.ariaLabel ?? this.attributes.getNamedItem(\"aria-label\")?.value ?? undefined;\n\n    return html`\n      <span\n        class=\"switch\"\n        role=\"switch\"\n        aria-checked=${this.checked}\n        aria-readonly=${!!this.disabled}\n        @click=${this.toggle}\n        @keydown=${this.handleKeyDown}\n        aria-label=${ifDefined(ariaLabel)}\n        tabindex=\"0\"\n      >\n      </span>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [blSwitchTag]: BlSwitch;\n  }\n}\n"],
-  "mappings": "6NACO,IAAMA,EAASC;AAAA;AAAA,2RAGfC,EAAQF,ECER,IAAMG,EAAc,YAWNC,EAArB,cAAsCC,CAAW,CAAjD,kCASE,aAAU,GAMV,cAAY,GAdZ,WAAW,QAAyB,CAClC,MAAO,CAACC,CAAK,CACf,CAmBA,QAAS,CACH,KAAK,WAET,KAAK,QAAU,CAAC,KAAK,QACrB,KAAK,SAAS,KAAK,OAAO,EAC5B,CAEQ,cAAcC,EAAsB,EACtCA,EAAM,OAAS,SAAWA,EAAM,OAAS,WAC3C,KAAK,OAAO,EACZA,EAAM,eAAe,EAEzB,CAEA,QAAyB,CArD3B,IAAAC,EAAAC,EAAAC,EAsDI,IAAMC,GACJD,GAAAD,EAAA,KAAK,YAAL,KAAAA,GAAkBD,EAAA,KAAK,WAAW,aAAa,YAAY,IAAzC,YAAAA,EAA4C,QAA9D,KAAAE,EAAuE,OAEzE,OAAOE;AAAA;AAAA;AAAA;AAAA,uBAIY,KAAK;AAAA,wBACJ,CAAC,CAAC,KAAK;AAAA,iBACd,KAAK;AAAA,mBACH,KAAK;AAAA,qBACHC,EAAUF,CAAS;AAAA;AAAA;AAAA;AAAA,KAKtC,CACF,EA7CEG,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GARvBX,EASnB,uBAMAU,EAAA,CADCC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAdvBX,EAenB,wBAKmCU,EAAA,CAAlCP,EAAM,kBAAkB,GApBNH,EAoBgB,wBApBhBA,EAArBU,EAAA,CADCC,EAAcZ,CAAW,GACLC",
-  "names": ["styles", "i", "bl_switch_default", "blSwitchTag", "BlSwitch", "s", "bl_switch_default", "event", "_a", "_b", "_c", "ariaLabel", "x", "l", "__decorateClass", "e"]
-}