@trendyol/baklava 3.4.0-beta.9 → 3.5.0-beta.1

package/dist/components/link/bl-link.d.ts

@@ -0,0 +1,77 @@
+import { CSSResultGroup, LitElement, TemplateResult } from "lit";
+export type LinkVariant = "inline" | "standalone";
+export type LinkSize = "large" | "medium" | "small";
+export type LinkKind = "primary" | "neutral";
+/**
+ * @tag bl-link
+ * @summary Baklava Link component for navigation
+ *
+ * @slot icon - Custom icon slot for non-standalone variants
+ *
+ * @cssproperty [--bl-link-color=--bl-color-primary] Sets the color of link
+ * @cssproperty [--bl-link-hover-color=--bl-color-primary-hover] Sets the hover color of link
+ * @cssproperty [--bl-link-active-color=--bl-color-primary-active] Sets the active color of link
+ */
+export default class BlLink extends LitElement {
+    static get styles(): CSSResultGroup;
+    /**
+     * URL that the hyperlink points to
+     */
+    href: HTMLAnchorElement["href"];
+    /**
+     * Link variant - inline or standalone
+     */
+    variant: LinkVariant;
+    /**
+     * Link size - only applies to standalone variant
+     */
+    size: LinkSize;
+    /**
+     * Link kind - only applies to standalone variant
+     */
+    kind: LinkKind;
+    /**
+     * Aria label for the link
+     */
+    ariaLabel: string;
+    /**
+     * Where to display the linked URL
+     */
+    target: HTMLAnchorElement["target"];
+    /**
+     * Relationship between the current document and the linked document.
+     * Multiple rel values can be specified by separating them with spaces.
+     * Example: "noopener noreferrer"
+     */
+    rel?: HTMLAnchorElement["rel"];
+    /**
+     * Language of the linked document
+     */
+    hreflang?: HTMLAnchorElement["hreflang"];
+    /**
+     * MIME type of the linked document
+     */
+    type?: HTMLAnchorElement["type"];
+    /**
+     * Referrer policy for the link
+     */
+    referrerPolicy?: HTMLAnchorElement["referrerPolicy"];
+    /**
+     * Whether to download the resource instead of navigating to it
+     */
+    download?: HTMLAnchorElement["download"];
+    /**
+     * Ping URLs to be notified when following the link
+     */
+    ping?: HTMLAnchorElement["ping"];
+    private get isStandalone();
+    private renderIcon;
+    connectedCallback(): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "bl-link": BlLink;
+    }
+}
+//# sourceMappingURL=bl-link.d.ts.map

package/dist/components/link/bl-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bl-link.d.ts","sourceRoot":"","sources":["../../../src/components/link/bl-link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMvE,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,YAAY,CAAC;AAClD,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACpD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAE7C;;;;;;;;;GASG;AAGH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,UAAU;IAC5C,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAM;IAErC;;OAEG;IAEH,OAAO,EAAE,WAAW,CAAY;IAEhC;;OAEG;IAEH,IAAI,EAAE,QAAQ,CAAY;IAE1B;;OAEG;IAEH,IAAI,EAAE,QAAQ,CAAa;IAE3B;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAW;IAE9C;;;;OAIG;IAEH,GAAG,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAE/B;;OAEG;IAEH,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAEzC;;OAEG;IAEH,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAEjC;;OAEG;IAEH,cAAc,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAErD;;OAEG;IAEH,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAEzC;;OAEG;IAEH,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAEjC,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,CAAC,UAAU;IAOlB,iBAAiB;IAiBjB,MAAM,IAAI,cAAc;CAgCzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/components/link/bl-link.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunk-7N7YHRPA.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
+//# sourceMappingURL=bl-link.js.map

package/dist/components/link/bl-link.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/link/bl-link.stories.d.ts

@@ -0,0 +1,31 @@
+import type { Meta, StoryObj } from "@storybook/web-components";
+interface LinkArgs {
+    href?: string;
+    variant?: "inline" | "standalone";
+    size?: "small" | "medium" | "large";
+    kind?: "primary" | "neutral";
+    target?: HTMLAnchorElement["target"];
+    rel?: HTMLAnchorElement["rel"];
+    hreflang?: HTMLAnchorElement["hreflang"];
+    type?: HTMLAnchorElement["type"];
+    referrerPolicy?: HTMLAnchorElement["referrerPolicy"];
+    download?: HTMLAnchorElement["download"];
+    ping?: HTMLAnchorElement["ping"];
+    "aria-label"?: string;
+    content?: string;
+    customStyles?: string;
+    icon?: string;
+}
+declare const meta: Meta<LinkArgs>;
+export default meta;
+type Story = StoryObj<LinkArgs>;
+export declare const Default: Story;
+export declare const InlineLink: Story;
+export declare const StandaloneLink: Story;
+export declare const CustomIconLink: Story;
+export declare const SizeVariants: Story;
+export declare const KindVariants: Story;
+export declare const NativeAnchorAttributes: Story;
+export declare const AccessibleLink: Story;
+export declare const CustomInlineColors: Story;
+//# sourceMappingURL=bl-link.stories.d.ts.map

package/dist/components/link/bl-link.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bl-link.stories.d.ts","sourceRoot":"","sources":["../../../src/components/link/bl-link.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAMhE,UAAU,QAAQ;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACjC,cAAc,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAKD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,QAAQ,CAkJxB,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAuBhC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgCxB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAapC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAoBhC,CAAC"}

package/dist/components/link/bl-link.stories.js

@@ -0,0 +1,63 @@
+import{a as i}from"../../chunk-M4E4CVZ4.js";import{a as t}from"../../chunk-DINNT5P2.js";import{b as r}from"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";var o="https://www.figma.com/design/RrcLH0mWpIUy4vwuTlDeKN/Baklava-Design-Guide?node-id=23617-1414",l="https://github.com/Trendyol/baklava/blob/main/src/components/link/docs/ADR/link-component-implementation.md",a={title:"Components/Link",component:"bl-link",parameters:{chromatic:{viewports:[1e3]},controls:{exclude:["content"]},docs:{description:{component:`<div class="bl-docs-container"><p class="bl-docs-description">The Link component is used for navigation between pages or to external URLs. It supports all native anchor tag attributes and provides additional styling variants. When not using the standalone variant, you can provide a custom icon using the icon slot.</p><div class="bl-docs-links" style="display: flex; gap: var(--bl-size-2xs); margin-top: var(--bl-size-m);"><bl-badge icon="document" style="--bl-badge-background: var(--bl-color-surface-hover)"><bl-link variant='inline' href='`+l+`' target='_blank'>ADR</bl-link></bl-badge><bl-badge icon="puzzle" style="--bl-badge-background: var(--bl-color-surface-hover)"><bl-link variant='inline' href='`+o+"' target='_blank'>Figma</bl-link></bl-badge></div></div>"}}},decorators:[i],argTypes:{href:{control:"text",description:"URL that the hyperlink points to",table:{type:{summary:"string"}}},variant:{control:{type:"select"},options:["inline","standalone"],description:"Link variant",table:{type:{summary:"LinkVariant"},defaultValue:{summary:"inline"}}},size:{control:{type:"select"},options:["small","medium","large"],description:"Link size (only applies to standalone variant)",table:{type:{summary:"LinkSize"},defaultValue:{summary:"medium"}}},kind:{control:{type:"select"},options:["primary","neutral"],description:"Link kind (only applies to standalone variant)",table:{type:{summary:"LinkKind"},defaultValue:{summary:"primary"}}},target:{control:{type:"select"},options:["_self","_blank","_parent","_top"],description:"Where to display the linked URL",table:{type:{summary:"HTMLAnchorElement['target']"},defaultValue:{summary:"_self"}}},rel:{control:"text",description:"Relationship between documents (e.g., noopener noreferrer)",table:{type:{summary:"HTMLAnchorElement['rel']"}}},hreflang:{control:"text",description:"Language of the linked document",table:{type:{summary:"HTMLAnchorElement['hreflang']"}}},type:{control:"text",description:"MIME type of the linked document",table:{type:{summary:"HTMLAnchorElement['type']"}}},referrerPolicy:{control:{type:"select"},options:["no-referrer","no-referrer-when-downgrade","origin","origin-when-cross-origin","same-origin","strict-origin","strict-origin-when-cross-origin","unsafe-url"],description:"Referrer policy for the link",table:{type:{summary:"HTMLAnchorElement['referrerPolicy']"}}},download:{control:"text",description:"Whether to download the resource instead of navigating to it",table:{type:{summary:"HTMLAnchorElement['download']"}}},ping:{control:"text",description:"URLs to be notified when following the link",table:{type:{summary:"HTMLAnchorElement['ping']"}}},"aria-label":{control:"text",description:"Aria label for accessibility",table:{type:{summary:"string"}}},icon:{control:"text",description:"Icon name for custom icon (only applies to non-standalone variants)",table:{type:{summary:"string"}}}}},d=a,n=e=>r`
+  <bl-link
+    href=${t(e.href)}
+    variant=${t(e.variant)}
+    size=${t(e.size)}
+    kind=${t(e.kind)}
+    target=${t(e.target)}
+    rel=${t(e.rel)}
+    hreflang=${t(e.hreflang)}
+    type=${t(e.type)}
+    referrerpolicy=${t(e.referrerPolicy)}
+    download=${t(e.download)}
+    ping=${t(e.ping)}
+    aria-label=${t(e["aria-label"])}
+    style=${t(e.customStyles)}
+  >
+    ${e.content||"Link Text"}
+    ${e.icon?r`<bl-icon name="${e.icon}" slot="icon"></bl-icon>`:""}
+  </bl-link>
+`,m={args:{href:"/",content:"Link"},render:n},h={args:{href:"/",variant:"inline",content:"Link"},render:e=>r`
+    <div>
+      <bl-alert
+        variant="warning"
+        icon
+        style="margin-bottom: var(--bl-size-m);"
+      >
+        Inline variant should be used within a text container. Example:
+        <div style="margin-top: var(--bl-size-2xs);">
+          <p>Text with <bl-link variant="inline">a link</bl-link> inside.</p>
+        </div>
+      </bl-alert>
+
+      <p style="font-size: 16px; line-height: 1.5;">
+        This is a paragraph with a ${n(e)} in the text.
+      </p>
+
+      <p style="font-size: 14px; line-height: 1.5;">
+        This is a paragraph with a ${n(e)} in the text.
+      </p>
+
+      <p style="font-size: 12px; line-height: 1.5;">
+        This is a paragraph with a ${n(e)} in the text.
+      </p>
+    </div>
+  `},y={args:{href:"/",variant:"standalone",content:"Link"},render:n},g={args:{href:"/",content:"Link with Custom Icon",icon:"external_link"},render:n},b={args:{variant:"standalone"},render:()=>r`
+    <div style="display: flex; gap: 16px; align-items: center;">
+      ${n({href:"/",variant:"standalone",size:"small",content:"Small"})}
+      ${n({href:"/",variant:"standalone",size:"medium",content:"Medium"})}
+      ${n({href:"/",variant:"standalone",size:"large",content:"Large"})}
+    </div>
+  `},f={args:{variant:"standalone"},render:()=>r`
+    <div style="display: flex; gap: 16px; align-items: center;">
+      ${n({href:"/",variant:"standalone",kind:"primary",content:"Primary"})}
+      ${n({href:"/",variant:"standalone",kind:"neutral",content:"Neutral"})}
+    </div>
+  `},u={args:{href:"https://example.com",target:"_blank",rel:"noopener noreferrer",hreflang:"en",type:"text/html",referrerPolicy:"no-referrer",download:"file.pdf",ping:"https://analytics.example.com",content:"External Link with Native Attributes"},render:n},v={args:{href:"/","aria-label":"View your profile settings",content:"Profile"},render:n},k={render:()=>r`
+    <div style="display: flex; gap: 16px; align-items: center;">
+      ${n({href:"/",content:"Success Link",customStyles:"--bl-link-color: var(--bl-color-success); --bl-link-hover-color: var(--bl-color-success-highlight); --bl-link-active-color: var(--bl-color-success-highlight);"})}
+      ${n({href:"/",content:"Warning Link",customStyles:"--bl-link-color: var(--bl-color-warning); --bl-link-hover-color: var(--bl-color-warning-highlight); --bl-link-active-color: var(--bl-color-warning-highlight);"})}
+      ${n({href:"/",content:"Danger Link",customStyles:"--bl-link-color: var(--bl-color-danger); --bl-link-hover-color: var(--bl-color-danger-highlight); --bl-link-active-color: var(--bl-color-danger-highlight);"})}
+    </div>
+  `};export{v as AccessibleLink,g as CustomIconLink,k as CustomInlineColors,m as Default,h as InlineLink,f as KindVariants,u as NativeAnchorAttributes,b as SizeVariants,y as StandaloneLink,d as default};
+//# sourceMappingURL=bl-link.stories.js.map

package/dist/components/link/bl-link.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/link/bl-link.stories.ts"],
+  "sourcesContent": ["import type { Meta, StoryObj } from \"@storybook/web-components\";\nimport { html } from \"lit\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { centeredLayout } from \"../../utilities/chromatic-decorators\";\n\n\ninterface LinkArgs {\n  href?: string;\n  variant?: \"inline\" | \"standalone\";\n  size?: \"small\" | \"medium\" | \"large\";\n  kind?: \"primary\" | \"neutral\";\n  target?: HTMLAnchorElement[\"target\"];\n  rel?: HTMLAnchorElement[\"rel\"];\n  hreflang?: HTMLAnchorElement[\"hreflang\"];\n  type?: HTMLAnchorElement[\"type\"];\n  referrerPolicy?: HTMLAnchorElement[\"referrerPolicy\"];\n  download?: HTMLAnchorElement[\"download\"];\n  ping?: HTMLAnchorElement[\"ping\"];\n  \"aria-label\"?: string;\n  content?: string;\n  customStyles?: string;\n  icon?: string;\n}\n\nconst FIGMA_LINK = \"https://www.figma.com/design/RrcLH0mWpIUy4vwuTlDeKN/Baklava-Design-Guide?node-id=23617-1414\";\nconst ADR_LINK = \"https://github.com/Trendyol/baklava/blob/main/src/components/link/docs/ADR/link-component-implementation.md\";\n\nconst meta: Meta<LinkArgs> = {\n  title: \"Components/Link\",\n  component: \"bl-link\",\n  parameters: {\n    chromatic: {\n      viewports: [1000]\n    },\n    controls: {\n      exclude: [\"content\"],\n    },\n    docs: {\n      description: {\n        component:\n          \"<div class=\\\"bl-docs-container\\\">\" +\n            \"<p class=\\\"bl-docs-description\\\">\" +\n              \"The Link component is used for navigation between pages or to external URLs. \" +\n              \"It supports all native anchor tag attributes and provides additional styling variants. \" +\n              \"When not using the standalone variant, you can provide a custom icon using the icon slot.\" +\n            \"</p>\" +\n\n            \"<div class=\\\"bl-docs-links\\\" style=\\\"display: flex; gap: var(--bl-size-2xs); margin-top: var(--bl-size-m);\\\">\" +\n              \"<bl-badge icon=\\\"document\\\" style=\\\"--bl-badge-background: var(--bl-color-surface-hover)\\\">\" +\n                \"<bl-link variant='inline' href='\" + ADR_LINK + \"' target='_blank'>ADR</bl-link>\" +\n              \"</bl-badge>\" +\n              \"<bl-badge icon=\\\"puzzle\\\" style=\\\"--bl-badge-background: var(--bl-color-surface-hover)\\\">\" +\n                \"<bl-link variant='inline' href='\" + FIGMA_LINK + \"' target='_blank'>Figma</bl-link>\" +\n              \"</bl-badge>\" +\n            \"</div>\" +\n          \"</div>\",\n      },\n    },\n  },\n  decorators: [\n    centeredLayout,\n  ],\n  argTypes: {\n    href: {\n      control: \"text\",\n      description: \"URL that the hyperlink points to\",\n      table: {\n        type: { summary: \"string\" },\n      },\n    },\n    variant: {\n      control: { type: \"select\" },\n      options: [\"inline\", \"standalone\"],\n      description: \"Link variant\",\n      table: {\n        type: { summary: \"LinkVariant\" },\n        defaultValue: { summary: \"inline\" },\n      },\n    },\n    size: {\n      control: { type: \"select\" },\n      options: [\"small\", \"medium\", \"large\"],\n      description: \"Link size (only applies to standalone variant)\",\n      table: {\n        type: { summary: \"LinkSize\" },\n        defaultValue: { summary: \"medium\" },\n      },\n    },\n    kind: {\n      control: { type: \"select\" },\n      options: [\"primary\", \"neutral\"],\n      description: \"Link kind (only applies to standalone variant)\",\n      table: {\n        type: { summary: \"LinkKind\" },\n        defaultValue: { summary: \"primary\" },\n      },\n    },\n    target: {\n      control: { type: \"select\" },\n      options: [\"_self\", \"_blank\", \"_parent\", \"_top\"],\n      description: \"Where to display the linked URL\",\n      table: {\n        type: { summary: \"HTMLAnchorElement['target']\" },\n        defaultValue: { summary: \"_self\" },\n      },\n    },\n    rel: {\n      control: \"text\",\n      description: \"Relationship between documents (e.g., noopener noreferrer)\",\n      table: {\n        type: { summary: \"HTMLAnchorElement['rel']\" },\n      },\n    },\n    hreflang: {\n      control: \"text\",\n      description: \"Language of the linked document\",\n      table: {\n        type: { summary: \"HTMLAnchorElement['hreflang']\" },\n      },\n    },\n    type: {\n      control: \"text\",\n      description: \"MIME type of the linked document\",\n      table: {\n        type: { summary: \"HTMLAnchorElement['type']\" },\n      },\n    },\n    referrerPolicy: {\n      control: { type: \"select\" },\n      options: [\n        \"no-referrer\",\n        \"no-referrer-when-downgrade\",\n        \"origin\",\n        \"origin-when-cross-origin\",\n        \"same-origin\",\n        \"strict-origin\",\n        \"strict-origin-when-cross-origin\",\n        \"unsafe-url\",\n      ],\n      description: \"Referrer policy for the link\",\n      table: {\n        type: { summary: \"HTMLAnchorElement['referrerPolicy']\" },\n      },\n    },\n    download: {\n      control: \"text\",\n      description: \"Whether to download the resource instead of navigating to it\",\n      table: {\n        type: { summary: \"HTMLAnchorElement['download']\" },\n      },\n    },\n    ping: {\n      control: \"text\",\n      description: \"URLs to be notified when following the link\",\n      table: {\n        type: { summary: \"HTMLAnchorElement['ping']\" },\n      },\n    },\n    \"aria-label\": {\n      control: \"text\",\n      description: \"Aria label for accessibility\",\n      table: {\n        type: { summary: \"string\" },\n      },\n    },\n    icon: {\n      control: \"text\",\n      description: \"Icon name for custom icon (only applies to non-standalone variants)\",\n      table: {\n        type: { summary: \"string\" },\n      },\n    },\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<LinkArgs>;\n\nconst LinkTemplate = (args: LinkArgs) => html`\n  <bl-link\n    href=${ifDefined(args.href)}\n    variant=${ifDefined(args.variant)}\n    size=${ifDefined(args.size)}\n    kind=${ifDefined(args.kind)}\n    target=${ifDefined(args.target)}\n    rel=${ifDefined(args.rel)}\n    hreflang=${ifDefined(args.hreflang)}\n    type=${ifDefined(args.type)}\n    referrerpolicy=${ifDefined(args.referrerPolicy)}\n    download=${ifDefined(args.download)}\n    ping=${ifDefined(args.ping)}\n    aria-label=${ifDefined(args[\"aria-label\"])}\n    style=${ifDefined(args.customStyles)}\n  >\n    ${args.content || \"Link Text\"}\n    ${args.icon ? html`<bl-icon name=\"${args.icon}\" slot=\"icon\"></bl-icon>` : \"\"}\n  </bl-link>\n`;\n\nexport const Default: Story = {\n  args: {\n    href: \"/\",\n    content: \"Link\",\n  },\n  render: LinkTemplate,\n};\n\nexport const InlineLink: Story = {\n  args: {\n    href: \"/\",\n    variant: \"inline\",\n    content: \"Link\",\n  },\n  render: (args) => html`\n    <div>\n      <bl-alert\n        variant=\"warning\"\n        icon\n        style=\"margin-bottom: var(--bl-size-m);\"\n      >\n        Inline variant should be used within a text container. Example:\n        <div style=\"margin-top: var(--bl-size-2xs);\">\n          <p>Text with <bl-link variant=\"inline\">a link</bl-link> inside.</p>\n        </div>\n      </bl-alert>\n\n      <p style=\"font-size: 16px; line-height: 1.5;\">\n        This is a paragraph with a ${LinkTemplate(args)} in the text.\n      </p>\n\n      <p style=\"font-size: 14px; line-height: 1.5;\">\n        This is a paragraph with a ${LinkTemplate(args)} in the text.\n      </p>\n\n      <p style=\"font-size: 12px; line-height: 1.5;\">\n        This is a paragraph with a ${LinkTemplate(args)} in the text.\n      </p>\n    </div>\n  `,\n};\n\nexport const StandaloneLink: Story = {\n  args: {\n    href: \"/\",\n    variant: \"standalone\",\n    content: \"Link\",\n  },\n  render: LinkTemplate,\n};\n\nexport const CustomIconLink: Story = {\n  args: {\n    href: \"/\",\n    content: \"Link with Custom Icon\",\n    icon: \"external_link\",\n  },\n  render: LinkTemplate,\n};\n\nexport const SizeVariants: Story = {\n  args: {\n    variant: \"standalone\",\n  },\n  render: () => html`\n    <div style=\"display: flex; gap: 16px; align-items: center;\">\n      ${LinkTemplate({ href: \"/\", variant: \"standalone\", size: \"small\", content: \"Small\" })}\n      ${LinkTemplate({ href: \"/\", variant: \"standalone\", size: \"medium\", content: \"Medium\" })}\n      ${LinkTemplate({ href: \"/\", variant: \"standalone\", size: \"large\", content: \"Large\" })}\n    </div>\n  `,\n};\n\nexport const KindVariants: Story = {\n  args: {\n    variant: \"standalone\",\n  },\n  render: () => html`\n    <div style=\"display: flex; gap: 16px; align-items: center;\">\n      ${LinkTemplate({ href: \"/\", variant: \"standalone\", kind: \"primary\", content: \"Primary\" })}\n      ${LinkTemplate({ href: \"/\", variant: \"standalone\", kind: \"neutral\", content: \"Neutral\" })}\n    </div>\n  `,\n};\n\nexport const NativeAnchorAttributes: Story = {\n  args: {\n    href: \"https://example.com\",\n    target: \"_blank\",\n    rel: \"noopener noreferrer\",\n    hreflang: \"en\",\n    type: \"text/html\",\n    referrerPolicy: \"no-referrer\",\n    download: \"file.pdf\",\n    ping: \"https://analytics.example.com\",\n    content: \"External Link with Native Attributes\",\n  },\n  render: LinkTemplate,\n};\n\nexport const AccessibleLink: Story = {\n  args: {\n    href: \"/\",\n    \"aria-label\": \"View your profile settings\",\n    content: \"Profile\",\n\n  },\n  render: LinkTemplate,\n};\n\nexport const CustomInlineColors: Story = {\n  render: () => html`\n    <div style=\"display: flex; gap: 16px; align-items: center;\">\n      ${LinkTemplate({\n        href: \"/\",\n        content: \"Success Link\",\n        customStyles: \"--bl-link-color: var(--bl-color-success); --bl-link-hover-color: var(--bl-color-success-highlight); --bl-link-active-color: var(--bl-color-success-highlight);\"\n      })}\n      ${LinkTemplate({\n        href: \"/\",\n        content: \"Warning Link\",\n        customStyles: \"--bl-link-color: var(--bl-color-warning); --bl-link-hover-color: var(--bl-color-warning-highlight); --bl-link-active-color: var(--bl-color-warning-highlight);\"\n      })}\n      ${LinkTemplate({\n        href: \"/\",\n        content: \"Danger Link\",\n        customStyles: \"--bl-link-color: var(--bl-color-danger); --bl-link-hover-color: var(--bl-color-danger-highlight); --bl-link-active-color: var(--bl-color-danger-highlight);\"\n      })}\n    </div>\n  `,\n};\n\n"],
+  "mappings": "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",
+  "names": ["FIGMA_LINK", "ADR_LINK", "meta", "centeredLayout", "bl_link_stories_default", "LinkTemplate", "args", "x", "l", "Default", "InlineLink", "StandaloneLink", "CustomIconLink", "SizeVariants", "KindVariants", "NativeAnchorAttributes", "AccessibleLink", "CustomInlineColors"]
+}

package/dist/components/link/bl-link.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=bl-link.test.d.ts.map

package/dist/components/link/bl-link.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bl-link.test.d.ts","sourceRoot":"","sources":["../../../src/components/link/bl-link.test.ts"],"names":[],"mappings":""}

package/dist/components/notification/bl-notification.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bl-notification.stories.d.ts","sourceRoot":"","sources":["../../../src/components/notification/bl-notification.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAI3D,OAAO,KAAK,EAAgB,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEzE,QAAA,MAAM,IAAI,EAAE,IAqEX,CAAC;AAEF,eAAe,IAAI,CAAC;AAYpB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,iBAAiB,CAAC;AAEtB,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;AA4B/C,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAwB3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAsChC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAuBlC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KA6BpC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAgDlC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAU9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA8F7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAqIxB,CAAC"}
+{"version":3,"file":"bl-notification.stories.d.ts","sourceRoot":"","sources":["../../../src/components/notification/bl-notification.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAI3D,OAAO,KAAK,EAAgB,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEzE,QAAA,MAAM,IAAI,EAAE,IAqEX,CAAC;AAEF,eAAe,IAAI,CAAC;AAYpB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,iBAAiB,CAAC;AAEtB,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;AA8B/C,eAAO,MAAM,UAAU,EAAE,KAexB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA0B3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAwChC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAyBlC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KA+BpC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAkDlC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAU9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA8F7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAqIxB,CAAC"}

package/dist/components/notification/bl-notification.stories.js

@@ -1,4 +1,4 @@
-import{a as p}from"../../chunk-M54AQSC3.js";import{a as s}from"../../chunk-DINNT5P2.js";import{b as t}from"../../chunk-4OT5AMS5.js";import{e}from"../../chunk-BWWXE4SL.js";var A={title:"Components/Notification",component:"bl-notification",parameters:{chromatic:{viewports:[1e3]}},decorators:[p],argTypes:{duration:{control:"number",description:"Duration in seconds",defaultValue:7},caption:{control:"text",description:"Caption of the notification"},description:{control:"text",description:"Description of the notification. Required."},icon:{control:"text",defaultValue:"true",description:"Icon of the notification. If provided with a string, it will be used as an icon name. If provided with a boolean, it will use the default icon or no icon."},variant:{options:["info","warning","success","error"],default:"info",control:{type:"select"},description:"Variant of the notification"},permanent:{control:"boolean",defaultValue:!1,description:"If true, the notification will not have duration and will be removed when the user clicks on the close button."},primaryAction:{control:"object",description:"Primary action of the notification. onClick and label properties are required."},secondaryAction:{control:"object",description:"Secondary action of the notification. onClick and label properties are required."}},args:{noAnimation:!1,duration:20,caption:"Notification Caption",description:"Notification Description",icon:"true",variant:"info",permanent:!1,primaryAction:{label:"Primary Action",onClick(){}},secondaryAction:{label:"Secondary Action",onClick(){}}}},k=A,c=i=>{let o=document.querySelector("bl-notification");return o==null?void 0:o.addNotification(i)},b=i=>JSON.stringify(i,null,6),r=i=>t`
+import{b as p}from"../../chunk-M4E4CVZ4.js";import{a as s}from"../../chunk-DINNT5P2.js";import{b as t}from"../../chunk-4OT5AMS5.js";import{e}from"../../chunk-BWWXE4SL.js";var N={title:"Components/Notification",component:"bl-notification",parameters:{chromatic:{viewports:[1e3]}},decorators:[p],argTypes:{duration:{control:"number",description:"Duration in seconds",defaultValue:7},caption:{control:"text",description:"Caption of the notification"},description:{control:"text",description:"Description of the notification. Required."},icon:{control:"text",defaultValue:"true",description:"Icon of the notification. If provided with a string, it will be used as an icon name. If provided with a boolean, it will use the default icon or no icon."},variant:{options:["info","warning","success","error"],default:"info",control:{type:"select"},description:"Variant of the notification"},permanent:{control:"boolean",defaultValue:!1,description:"If true, the notification will not have duration and will be removed when the user clicks on the close button."},primaryAction:{control:"object",description:"Primary action of the notification. onClick and label properties are required."},secondaryAction:{control:"object",description:"Secondary action of the notification. onClick and label properties are required."}},args:{noAnimation:!1,duration:20,caption:"Notification Caption",description:"Notification Description",icon:"true",variant:"info",permanent:!1,primaryAction:{label:"Primary Action",onClick(){}},secondaryAction:{label:"Secondary Action",onClick(){}}}},k=N,c=i=>{let o=document.querySelector("bl-notification");return o==null?void 0:o.addNotification(i)},A=i=>JSON.stringify(i,null,6),r=i=>t`
   <bl-notification
     ?no-animation=${i.noAnimation}
     duration=${s(i.duration)}
@@ -8,6 +8,8 @@ import{a as p}from"../../chunk-M54AQSC3.js";import{a as s}from"../../chunk-DINNT
 
     <script>
       (function () {
+        window?.__applyStorybookTheme?.();
+
         const notificationElement = document.querySelector("bl-notification");
         const addButton = document.querySelector("bl-button#`,`");
 
@@ -16,12 +18,14 @@ import{a as p}from"../../chunk-M54AQSC3.js";import{a as s}from"../../chunk-DINNT
         });
       })();
     <\/script>
-  `])),a,o,a,b(i))},E={render(i){return t`${r(i)} ${n(i)} `},args:{duration:60,primaryAction:void 0,secondaryAction:void 0},play:({args:i})=>{c(i),c({...i,variant:"success"}),c({...i,variant:"warning"}),c({...i,variant:"error"})}},f,g={render(i){return t(f||(f=e([`
+  `])),a,o,a,A(i))},w={render(i){return t`${r(i)} ${n(i)} `},args:{duration:60,primaryAction:void 0,secondaryAction:void 0},play:({args:i})=>{c(i),c({...i,variant:"success"}),c({...i,variant:"warning"}),c({...i,variant:"error"})}},f,E={render(i){return t(f||(f=e([`
       `,`
       <bl-button>Remove Notification</bl-button>
 
       <script>
         (function () {
+          window?.__applyStorybookTheme?.();
+
           const notificationElement = document.querySelector("bl-notification");
           const removeButton = document.querySelector("bl-button");
 
@@ -36,12 +40,14 @@ import{a as p}from"../../chunk-M54AQSC3.js";import{a as s}from"../../chunk-DINNT
           });
         })();
       <\/script>
-    `])),r(i))}},m,w={render(i){return t(m||(m=e([`
+    `])),r(i))}},m,g={render(i){return t(m||(m=e([`
       `,`
       <bl-button>Remove Notifications</bl-button>
 
       <script>
         (function () {
+          window?.__applyStorybookTheme?.();
+
           const notificationElement = document.querySelector("bl-notification");
           const removeButton = document.querySelector("bl-button");
 
@@ -70,10 +76,12 @@ import{a as p}from"../../chunk-M54AQSC3.js";import{a as s}from"../../chunk-DINNT
           });
         })();
       <\/script>
-    `])),r(i))}},u,$={render(i){return t(u||(u=e([`
+    `])),r(i))}},u,h={render(i){return t(u||(u=e([`
       `,`
       <script>
         (function () {
+          window?.__applyStorybookTheme?.();
+
           const notificationElement = document.querySelector("bl-notification");
 
           notificationElement.addNotification({
@@ -89,10 +97,12 @@ import{a as p}from"../../chunk-M54AQSC3.js";import{a as s}from"../../chunk-DINNT
           });
         })();
       <\/script>
-    `])),r(i))}},y,h={render(i){return t(y||(y=e([`
+    `])),r(i))}},y,$={render(i){return t(y||(y=e([`
       `,`
       <script>
         (function () {
+          window?.__applyStorybookTheme?.();
+
           const notificationElement = document.querySelector("bl-notification");
 
           notificationElement.addNotification({
@@ -114,10 +124,12 @@ import{a as p}from"../../chunk-M54AQSC3.js";import{a as s}from"../../chunk-DINNT
           });
         })();
       <\/script>
-    `])),r(i))}},N,x={render(i){return t(N||(N=e([`
+    `])),r(i))}},b,x={render(i){return t(b||(b=e([`
       `,`
       <script>
         (function () {
+          window?.__applyStorybookTheme?.();
+
           const notificationElement = document.querySelector("bl-notification");
 
           const notification = notificationElement.addNotification({
@@ -145,7 +157,7 @@ import{a as p}from"../../chunk-M54AQSC3.js";import{a as s}from"../../chunk-DINNT
       ${n({caption:"Notification Caption",description:"Notification Variant: success",permanent:!0,variant:"success",primaryAction:{label:"Primary Action",onClick(){}},secondaryAction:{label:"Secondary Action",onClick(){}}},"Success")}
       ${n({caption:"Notification Caption",description:"Notification Variant: warning",permanent:!0,variant:"warning",primaryAction:{label:"Primary Action",onClick(){}},secondaryAction:{label:"Secondary Action",onClick(){}}},"Warning")}
       ${n({caption:"Notification Caption",description:"Notification Variant: error",permanent:!0,variant:"error",primaryAction:{label:"Primary Action",onClick(){}},secondaryAction:{label:"Secondary Action",onClick(){}}},"Error")}
-    `},play:()=>{let i=["info","success","warning","error"];for(let o of i)c({caption:"Notification Caption",description:`Notification Variant: ${o}`,permanent:!0,variant:o,primaryAction:{label:"Primary Action",onClick(){}},secondaryAction:{label:"Secondary Action",onClick(){}}})}},D={render(i){return t`
+    `},play:()=>{let i=["info","success","warning","error"];for(let o of i)c({caption:"Notification Caption",description:`Notification Variant: ${o}`,permanent:!0,variant:o,primaryAction:{label:"Primary Action",onClick(){}},secondaryAction:{label:"Secondary Action",onClick(){}}})}},T={render(i){return t`
       <div class="rtl-container" dir="rtl" lang="ar">
         ${r(i)}
         ${n({caption:"\u0631\u0633\u0627\u0644\u0629 \u062A\u0631\u062D\u064A\u0628",description:"\u0645\u0631\u062D\u0628\u0627\u064B \u0628\u0643 \u0641\u064A \u062A\u0637\u0628\u064A\u0642\u0646\u0627! \u0646\u062A\u0645\u0646\u0649 \u0644\u0643 \u062A\u062C\u0631\u0628\u0629 \u0645\u0645\u062A\u0639\u0629.",duration:7,variant:"info",icon:!0,primaryAction:{label:"\u0627\u0628\u062F\u0623 \u0627\u0644\u0622\u0646",onClick(){}}},"Info")}
@@ -161,5 +173,5 @@ import{a as p}from"../../chunk-M54AQSC3.js";import{a as s}from"../../chunk-DINNT
           padding: 1rem;
         }
       </style>
-    `},play:()=>{[{caption:"\u0631\u0633\u0627\u0644\u0629 \u062A\u0631\u062D\u064A\u0628",description:"\u0645\u0631\u062D\u0628\u0627\u064B \u0628\u0643 \u0641\u064A \u062A\u0637\u0628\u064A\u0642\u0646\u0627! \u0646\u062A\u0645\u0646\u0649 \u0644\u0643 \u062A\u062C\u0631\u0628\u0629 \u0645\u0645\u062A\u0639\u0629.",duration:7,variant:"info",icon:!0,primaryAction:{label:"\u0627\u0628\u062F\u0623 \u0627\u0644\u0622\u0646",onClick(){}}},{caption:"\u062A\u0645 \u0625\u0643\u0645\u0627\u0644 \u0627\u0644\u0645\u0647\u0645\u0629",description:"\u062A\u0645 \u0625\u0643\u0645\u0627\u0644 \u0645\u0647\u0645\u062A\u0643 \u0628\u0646\u062C\u0627\u062D.",duration:10,variant:"success",icon:!0},{caption:"\u062A\u0646\u0628\u064A\u0647 \u0627\u0644\u062A\u062E\u0632\u064A\u0646",description:"\u0645\u0633\u0627\u062D\u0629 \u0627\u0644\u062A\u062E\u0632\u064A\u0646 \u0627\u0644\u062E\u0627\u0635\u0629 \u0628\u0643 \u0645\u0646\u062E\u0641\u0636\u0629.",duration:15,variant:"warning",icon:!0,primaryAction:{label:"\u062A\u0631\u0642\u064A\u0629",onClick(){}},secondaryAction:{label:"\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064A\u062F",onClick(){}}},{caption:"\u062E\u0637\u0623 \u0641\u064A \u0627\u0644\u0627\u062A\u0635\u0627\u0644",description:"\u062A\u0639\u0630\u0631 \u0627\u0644\u0627\u062A\u0635\u0627\u0644 \u0628\u0627\u0644\u062E\u0627\u062F\u0645. \u064A\u0631\u062C\u0649 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649.",duration:20,variant:"error",icon:!0,primaryAction:{label:"\u0625\u0639\u0627\u062F\u0629 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629",onClick(){}}}].forEach((o,a)=>{setTimeout(()=>{let l=document.querySelector(".rtl-container bl-notification");l==null||l.addNotification(o)},a*300)})},args:{noAnimation:!0,duration:7}};export{x as ActionsRemoveExample,E as AddExample,P as PermanentExample,$ as PrimaryActionExample,D as RTLExample,w as RemoveAwaitExample,g as RemoveExample,h as SecondaryActionExample,q as VariantsExample,k as default};
+    `},play:()=>{[{caption:"\u0631\u0633\u0627\u0644\u0629 \u062A\u0631\u062D\u064A\u0628",description:"\u0645\u0631\u062D\u0628\u0627\u064B \u0628\u0643 \u0641\u064A \u062A\u0637\u0628\u064A\u0642\u0646\u0627! \u0646\u062A\u0645\u0646\u0649 \u0644\u0643 \u062A\u062C\u0631\u0628\u0629 \u0645\u0645\u062A\u0639\u0629.",duration:7,variant:"info",icon:!0,primaryAction:{label:"\u0627\u0628\u062F\u0623 \u0627\u0644\u0622\u0646",onClick(){}}},{caption:"\u062A\u0645 \u0625\u0643\u0645\u0627\u0644 \u0627\u0644\u0645\u0647\u0645\u0629",description:"\u062A\u0645 \u0625\u0643\u0645\u0627\u0644 \u0645\u0647\u0645\u062A\u0643 \u0628\u0646\u062C\u0627\u062D.",duration:10,variant:"success",icon:!0},{caption:"\u062A\u0646\u0628\u064A\u0647 \u0627\u0644\u062A\u062E\u0632\u064A\u0646",description:"\u0645\u0633\u0627\u062D\u0629 \u0627\u0644\u062A\u062E\u0632\u064A\u0646 \u0627\u0644\u062E\u0627\u0635\u0629 \u0628\u0643 \u0645\u0646\u062E\u0641\u0636\u0629.",duration:15,variant:"warning",icon:!0,primaryAction:{label:"\u062A\u0631\u0642\u064A\u0629",onClick(){}},secondaryAction:{label:"\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064A\u062F",onClick(){}}},{caption:"\u062E\u0637\u0623 \u0641\u064A \u0627\u0644\u0627\u062A\u0635\u0627\u0644",description:"\u062A\u0639\u0630\u0631 \u0627\u0644\u0627\u062A\u0635\u0627\u0644 \u0628\u0627\u0644\u062E\u0627\u062F\u0645. \u064A\u0631\u062C\u0649 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649.",duration:20,variant:"error",icon:!0,primaryAction:{label:"\u0625\u0639\u0627\u062F\u0629 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629",onClick(){}}}].forEach((o,a)=>{setTimeout(()=>{let l=document.querySelector(".rtl-container bl-notification");l==null||l.addNotification(o)},a*300)})},args:{noAnimation:!0,duration:7}};export{x as ActionsRemoveExample,w as AddExample,P as PermanentExample,h as PrimaryActionExample,T as RTLExample,g as RemoveAwaitExample,E as RemoveExample,$ as SecondaryActionExample,q as VariantsExample,k as default};
 //# sourceMappingURL=bl-notification.stories.js.map

package/dist/components/notification/bl-notification.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/notification/bl-notification.stories.ts"],
-  "sourcesContent": ["import { Meta, StoryObj } from \"@storybook/web-components\";\nimport { html } from \"lit\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { fullscreenLayout } from \"../../utilities/chromatic-decorators\";\nimport type { Notification, NotificationProps } from \"./bl-notification\";\n\nconst meta: Meta = {\n  title: \"Components/Notification\",\n  component: \"bl-notification\",\n  parameters: {\n    chromatic: {\n      viewports: [1000],\n    },\n  },\n  decorators: [fullscreenLayout],\n  argTypes: {\n    // Notification Card Props\n    duration: {\n      control: \"number\",\n      description: \"Duration in seconds\",\n      defaultValue: 7,\n    },\n    caption: {\n      control: \"text\",\n      description: \"Caption of the notification\",\n    },\n    description: {\n      control: \"text\",\n      description: \"Description of the notification. Required.\",\n    },\n    icon: {\n      control: \"text\",\n      defaultValue: \"true\",\n      description:\n        \"Icon of the notification. If provided with a string, it will be used as an icon name. If provided with a boolean, it will use the default icon or no icon.\",\n    },\n    variant: {\n      options: [\"info\", \"warning\", \"success\", \"error\"],\n      default: \"info\",\n      control: { type: \"select\" },\n      description: \"Variant of the notification\",\n    },\n    permanent: {\n      control: \"boolean\",\n      defaultValue: false,\n      description:\n        \"If true, the notification will not have duration and will be removed when the user clicks on the close button.\",\n    },\n    primaryAction: {\n      control: \"object\",\n      description: \"Primary action of the notification. onClick and label properties are required.\",\n    },\n    secondaryAction: {\n      control: \"object\",\n      description:\n        \"Secondary action of the notification. onClick and label properties are required.\",\n    },\n  },\n  args: {\n    noAnimation: false,\n    duration: 20,\n    caption: \"Notification Caption\",\n    description: \"Notification Description\",\n    icon: \"true\",\n    variant: \"info\",\n    permanent: false,\n    primaryAction: {\n      label: \"Primary Action\",\n      onClick() {},\n    },\n    secondaryAction: {\n      label: \"Secondary Action\",\n      onClick() {},\n    },\n  },\n};\n\nexport default meta;\n\nconst addNotification = (options: NotificationProps) => {\n  const el = document.querySelector(\"bl-notification\");\n\n  return el?.addNotification(options);\n};\n\nconst stringifyArgs = (args: NotificationArgs | NotificationProps) => {\n  return JSON.stringify(args, null, 6);\n};\n\nexport type NotificationArgs = {\n  noAnimation: boolean;\n  duration: number;\n} & NotificationProps;\n\nexport type Story = StoryObj<NotificationArgs>;\n\nconst BasicTemplate = (args: NotificationArgs) => html`\n  <bl-notification\n    ?no-animation=${args.noAnimation}\n    duration=${ifDefined(args.duration)}\n  ></bl-notification>\n`;\n\nconst NotificationCreator = (args: NotificationProps, buttonLabel = \"Add Notification\") => {\n  const slug = buttonLabel.toLowerCase().replace(/\\s/g, \"-\");\n\n  return html`\n    <bl-button id=${slug}>${buttonLabel}</bl-button>\n\n    <script>\n      (function () {\n        const notificationElement = document.querySelector(\"bl-notification\");\n        const addButton = document.querySelector(\"bl-button#${slug}\");\n\n        addButton.addEventListener(\"bl-click\", () => {\n          notificationElement.addNotification(${stringifyArgs(args)});\n        });\n      })();\n    </script>\n  `;\n};\n\nexport const AddExample: Story = {\n  render(args: NotificationArgs) {\n    return html`${BasicTemplate(args)} ${NotificationCreator(args)} `;\n  },\n  args: {\n    duration: 60,\n    primaryAction: undefined,\n    secondaryAction: undefined,\n  },\n  play: ({ args }) => {\n    addNotification(args);\n    addNotification({ ...args, variant: \"success\" });\n    addNotification({ ...args, variant: \"warning\" });\n    addNotification({ ...args, variant: \"error\" });\n  },\n};\n\nexport const RemoveExample: Story = {\n  render(args: NotificationArgs) {\n    return html`\n      ${BasicTemplate(args)}\n      <bl-button>Remove Notification</bl-button>\n\n      <script>\n        (function () {\n          const notificationElement = document.querySelector(\"bl-notification\");\n          const removeButton = document.querySelector(\"bl-button\");\n\n          const notification = notificationElement.addNotification({\n            caption: \"Notification Caption\",\n            description: \"Notification Description\",\n            permanent: true,\n          });\n\n          removeButton.addEventListener(\"bl-click\", () => {\n            notification.remove(); // notificationElement.removeNotification(notification.id);\n          });\n        })();\n      </script>\n    `;\n  },\n};\n\nexport const RemoveAwaitExample: Story = {\n  render(args: NotificationArgs) {\n    return html`\n      ${BasicTemplate(args)}\n      <bl-button>Remove Notifications</bl-button>\n\n      <script>\n        (function () {\n          const notificationElement = document.querySelector(\"bl-notification\");\n          const removeButton = document.querySelector(\"bl-button\");\n\n          const firstNotification = notificationElement.addNotification({\n            caption: \"Notification Caption\",\n            description: \"Notification Description\",\n            permanent: true,\n          });\n\n          const secondNotification = notificationElement.addNotification({\n            caption: \"Notification Caption Second\",\n            description: \"Notification Description Second\",\n            permanent: true,\n          });\n\n          const thirdNotification = notificationElement.addNotification({\n            caption: \"Notification Caption Third\",\n            description: \"Notification Description Third\",\n            permanent: true,\n          });\n\n          removeButton.addEventListener(\"bl-click\", async () => {\n            await secondNotification.remove();\n            await thirdNotification.remove();\n            await firstNotification.remove();\n          });\n        })();\n      </script>\n    `;\n  },\n};\n\nexport const PrimaryActionExample: Story = {\n  render(args: NotificationArgs) {\n    return html`\n      ${BasicTemplate(args)}\n      <script>\n        (function () {\n          const notificationElement = document.querySelector(\"bl-notification\");\n\n          notificationElement.addNotification({\n            caption: \"Notification Caption\",\n            description: \"Notification Description\",\n            permanent: true,\n            primaryAction: {\n              label: \"Primary Action\",\n              onClick: () => {\n                window.alert(\"Primary Action Clicked\");\n              },\n            },\n          });\n        })();\n      </script>\n    `;\n  },\n};\n\nexport const SecondaryActionExample: Story = {\n  render(args: NotificationArgs) {\n    return html`\n      ${BasicTemplate(args)}\n      <script>\n        (function () {\n          const notificationElement = document.querySelector(\"bl-notification\");\n\n          notificationElement.addNotification({\n            caption: \"Notification Caption\",\n            description: \"Notification Description\",\n            permanent: true,\n            primaryAction: {\n              label: \"Primary Action\",\n              onClick: () => {\n                window.alert(\"Primary Action Clicked\");\n              },\n            },\n            secondaryAction: {\n              label: \"Secondary Action\",\n              onClick: () => {\n                window.alert(\"Secondary Action Clicked\");\n              },\n            },\n          });\n        })();\n      </script>\n    `;\n  },\n};\n\nexport const ActionsRemoveExample: Story = {\n  render(args: NotificationArgs) {\n    return html`\n      ${BasicTemplate(args)}\n      <script>\n        (function () {\n          const notificationElement = document.querySelector(\"bl-notification\");\n\n          const notification = notificationElement.addNotification({\n            caption: \"Notification Caption\",\n            description: \"Notification Description\",\n            permanent: true,\n            primaryAction: {\n              label: \"Primary Action\",\n              onClick: notification => {\n                notification.remove();\n              },\n            },\n            secondaryAction: {\n              label: \"Secondary Action\",\n              onClick: notification => {\n                notification.remove();\n              },\n            },\n          });\n        })();\n      </script>\n    `;\n  },\n  play: () => {\n    addNotification({\n      caption: \"Notification Caption\",\n      description: \"Notification Description\",\n      permanent: true,\n      primaryAction: {\n        label: \"Primary Action\",\n        onClick: (notification: Notification) => {\n          notification.remove();\n        },\n      },\n      secondaryAction: {\n        label: \"Secondary Action\",\n        onClick: (notification: Notification) => {\n          notification.remove();\n        },\n      },\n    });\n  },\n};\n\nexport const PermanentExample: Story = {\n  render(args: NotificationArgs) {\n    return html` ${BasicTemplate(args)} ${NotificationCreator(args)} `;\n  },\n  args: {\n    permanent: true,\n  },\n  play: ({ args }) => {\n    addNotification(args);\n  },\n};\n\nexport const VariantsExample: Story = {\n  render(args: NotificationArgs) {\n    return html`\n      ${BasicTemplate(args)}\n      ${NotificationCreator(\n        {\n          caption: \"Notification Caption\",\n          description: \"Notification Variant: info\",\n          permanent: true,\n          variant: \"info\",\n          primaryAction: {\n            label: \"Primary Action\",\n            onClick() {},\n          },\n          secondaryAction: {\n            label: \"Secondary Action\",\n            onClick() {},\n          },\n        },\n        \"Info\"\n      )}\n      ${NotificationCreator(\n        {\n          caption: \"Notification Caption\",\n          description: \"Notification Variant: success\",\n          permanent: true,\n          variant: \"success\",\n          primaryAction: {\n            label: \"Primary Action\",\n            onClick() {},\n          },\n          secondaryAction: {\n            label: \"Secondary Action\",\n            onClick() {},\n          },\n        },\n        \"Success\"\n      )}\n      ${NotificationCreator(\n        {\n          caption: \"Notification Caption\",\n          description: \"Notification Variant: warning\",\n          permanent: true,\n          variant: \"warning\",\n          primaryAction: {\n            label: \"Primary Action\",\n            onClick() {},\n          },\n          secondaryAction: {\n            label: \"Secondary Action\",\n            onClick() {},\n          },\n        },\n        \"Warning\"\n      )}\n      ${NotificationCreator(\n        {\n          caption: \"Notification Caption\",\n          description: \"Notification Variant: error\",\n          permanent: true,\n          variant: \"error\",\n          primaryAction: {\n            label: \"Primary Action\",\n            onClick() {},\n          },\n          secondaryAction: {\n            label: \"Secondary Action\",\n            onClick() {},\n          },\n        },\n        \"Error\"\n      )}\n    `;\n  },\n  play: () => {\n    const variants = [\"info\", \"success\", \"warning\", \"error\"] as const;\n\n    for (const variant of variants) {\n      addNotification({\n        caption: \"Notification Caption\",\n        description: `Notification Variant: ${variant}`,\n        permanent: true,\n        variant,\n        primaryAction: {\n          label: \"Primary Action\",\n          onClick() {},\n        },\n        secondaryAction: {\n          label: \"Secondary Action\",\n          onClick() {},\n        },\n      });\n    }\n  },\n};\n\nexport const RTLExample: Story = {\n  render(args: NotificationArgs) {\n    return html`\n      <div class=\"rtl-container\" dir=\"rtl\" lang=\"ar\">\n        ${BasicTemplate(args)}\n        ${NotificationCreator(\n          {\n            caption: \"\u0631\u0633\u0627\u0644\u0629 \u062A\u0631\u062D\u064A\u0628\",\n            description: \"\u0645\u0631\u062D\u0628\u0627\u064B \u0628\u0643 \u0641\u064A \u062A\u0637\u0628\u064A\u0642\u0646\u0627! \u0646\u062A\u0645\u0646\u0649 \u0644\u0643 \u062A\u062C\u0631\u0628\u0629 \u0645\u0645\u062A\u0639\u0629.\",\n            duration: 7,\n            variant: \"info\" as const,\n            icon: true,\n            primaryAction: {\n              label: \"\u0627\u0628\u062F\u0623 \u0627\u0644\u0622\u0646\",\n              onClick() {},\n            },\n          },\n          \"Info\"\n        )}\n        ${NotificationCreator(\n          {\n            caption: \"\u062A\u0645 \u0625\u0643\u0645\u0627\u0644 \u0627\u0644\u0645\u0647\u0645\u0629\",\n            description: \"\u062A\u0645 \u0625\u0643\u0645\u0627\u0644 \u0645\u0647\u0645\u062A\u0643 \u0628\u0646\u062C\u0627\u062D.\",\n            duration: 10,\n            variant: \"success\" as const,\n            icon: true,\n          },\n          \"Success\"\n        )}\n        ${NotificationCreator(\n          {\n            caption: \"\u062A\u0646\u0628\u064A\u0647 \u0627\u0644\u062A\u062E\u0632\u064A\u0646\",\n            description: \"\u0645\u0633\u0627\u062D\u0629 \u0627\u0644\u062A\u062E\u0632\u064A\u0646 \u0627\u0644\u062E\u0627\u0635\u0629 \u0628\u0643 \u0645\u0646\u062E\u0641\u0636\u0629.\",\n            duration: 15,\n            variant: \"warning\" as const,\n            icon: true,\n            primaryAction: {\n              label: \"\u062A\u0631\u0642\u064A\u0629\",\n              onClick() {},\n            },\n            secondaryAction: {\n              label: \"\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064A\u062F\",\n              onClick() {},\n            },\n          },\n          \"Warning\"\n        )}\n        ${NotificationCreator(\n          {\n            caption: \"\u062E\u0637\u0623 \u0641\u064A \u0627\u0644\u0627\u062A\u0635\u0627\u0644\",\n            description: \"\u062A\u0639\u0630\u0631 \u0627\u0644\u0627\u062A\u0635\u0627\u0644 \u0628\u0627\u0644\u062E\u0627\u062F\u0645. \u064A\u0631\u062C\u0649 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649.\",\n            duration: 20,\n            variant: \"error\" as const,\n            icon: true,\n            primaryAction: {\n              label: \"\u0625\u0639\u0627\u062F\u0629 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629\",\n              onClick() {},\n            },\n          },\n          \"Error\"\n        )}\n      </div>\n\n      <style>\n        .rtl-container {\n          width: 100%;\n          min-height: 100%;\n          padding: 1rem;\n        }\n      </style>\n    `;\n  },\n  play: () => {\n    const rtlNotifications: NotificationProps[] = [\n      {\n        caption: \"\u0631\u0633\u0627\u0644\u0629 \u062A\u0631\u062D\u064A\u0628\",\n        description: \"\u0645\u0631\u062D\u0628\u0627\u064B \u0628\u0643 \u0641\u064A \u062A\u0637\u0628\u064A\u0642\u0646\u0627! \u0646\u062A\u0645\u0646\u0649 \u0644\u0643 \u062A\u062C\u0631\u0628\u0629 \u0645\u0645\u062A\u0639\u0629.\",\n        duration: 7,\n        variant: \"info\",\n        icon: true,\n        primaryAction: {\n          label: \"\u0627\u0628\u062F\u0623 \u0627\u0644\u0622\u0646\",\n          onClick() {},\n        },\n      },\n      {\n        caption: \"\u062A\u0645 \u0625\u0643\u0645\u0627\u0644 \u0627\u0644\u0645\u0647\u0645\u0629\",\n        description: \"\u062A\u0645 \u0625\u0643\u0645\u0627\u0644 \u0645\u0647\u0645\u062A\u0643 \u0628\u0646\u062C\u0627\u062D.\",\n        duration: 10,\n        variant: \"success\",\n        icon: true,\n      },\n      {\n        caption: \"\u062A\u0646\u0628\u064A\u0647 \u0627\u0644\u062A\u062E\u0632\u064A\u0646\",\n        description: \"\u0645\u0633\u0627\u062D\u0629 \u0627\u0644\u062A\u062E\u0632\u064A\u0646 \u0627\u0644\u062E\u0627\u0635\u0629 \u0628\u0643 \u0645\u0646\u062E\u0641\u0636\u0629.\",\n        duration: 15,\n        variant: \"warning\",\n        icon: true,\n        primaryAction: {\n          label: \"\u062A\u0631\u0642\u064A\u0629\",\n          onClick() {},\n        },\n        secondaryAction: {\n          label: \"\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064A\u062F\",\n          onClick() {},\n        },\n      },\n      {\n        caption: \"\u062E\u0637\u0623 \u0641\u064A \u0627\u0644\u0627\u062A\u0635\u0627\u0644\",\n        description: \"\u062A\u0639\u0630\u0631 \u0627\u0644\u0627\u062A\u0635\u0627\u0644 \u0628\u0627\u0644\u062E\u0627\u062F\u0645. \u064A\u0631\u062C\u0649 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649.\",\n        duration: 20,\n        variant: \"error\",\n        icon: true,\n        primaryAction: {\n          label: \"\u0625\u0639\u0627\u062F\u0629 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629\",\n          onClick() {},\n        },\n      },\n    ];\n\n    // Add RTL notifications\n    rtlNotifications.forEach((notification, index) => {\n      setTimeout(() => {\n        const rtlContainer = document.querySelector<HTMLElement & { addNotification: typeof addNotification }>(\".rtl-container bl-notification\");\n\n        rtlContainer?.addNotification(notification);\n      }, index * 300);\n    });\n  },\n  args: {\n    noAnimation: true,\n    duration: 7,\n  },\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Meta, StoryObj } from \"@storybook/web-components\";\nimport { html } from \"lit\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { fullscreenLayout } from \"../../utilities/chromatic-decorators\";\nimport type { Notification, NotificationProps } from \"./bl-notification\";\n\nconst meta: Meta = {\n  title: \"Components/Notification\",\n  component: \"bl-notification\",\n  parameters: {\n    chromatic: {\n      viewports: [1000],\n    },\n  },\n  decorators: [fullscreenLayout],\n  argTypes: {\n    // Notification Card Props\n    duration: {\n      control: \"number\",\n      description: \"Duration in seconds\",\n      defaultValue: 7,\n    },\n    caption: {\n      control: \"text\",\n      description: \"Caption of the notification\",\n    },\n    description: {\n      control: \"text\",\n      description: \"Description of the notification. Required.\",\n    },\n    icon: {\n      control: \"text\",\n      defaultValue: \"true\",\n      description:\n        \"Icon of the notification. If provided with a string, it will be used as an icon name. If provided with a boolean, it will use the default icon or no icon.\",\n    },\n    variant: {\n      options: [\"info\", \"warning\", \"success\", \"error\"],\n      default: \"info\",\n      control: { type: \"select\" },\n      description: \"Variant of the notification\",\n    },\n    permanent: {\n      control: \"boolean\",\n      defaultValue: false,\n      description:\n        \"If true, the notification will not have duration and will be removed when the user clicks on the close button.\",\n    },\n    primaryAction: {\n      control: \"object\",\n      description: \"Primary action of the notification. onClick and label properties are required.\",\n    },\n    secondaryAction: {\n      control: \"object\",\n      description:\n        \"Secondary action of the notification. onClick and label properties are required.\",\n    },\n  },\n  args: {\n    noAnimation: false,\n    duration: 20,\n    caption: \"Notification Caption\",\n    description: \"Notification Description\",\n    icon: \"true\",\n    variant: \"info\",\n    permanent: false,\n    primaryAction: {\n      label: \"Primary Action\",\n      onClick() {},\n    },\n    secondaryAction: {\n      label: \"Secondary Action\",\n      onClick() {},\n    },\n  },\n};\n\nexport default meta;\n\nconst addNotification = (options: NotificationProps) => {\n  const el = document.querySelector(\"bl-notification\");\n\n  return el?.addNotification(options);\n};\n\nconst stringifyArgs = (args: NotificationArgs | NotificationProps) => {\n  return JSON.stringify(args, null, 6);\n};\n\nexport type NotificationArgs = {\n  noAnimation: boolean;\n  duration: number;\n} & NotificationProps;\n\nexport type Story = StoryObj<NotificationArgs>;\n\nconst BasicTemplate = (args: NotificationArgs) => html`\n  <bl-notification\n    ?no-animation=${args.noAnimation}\n    duration=${ifDefined(args.duration)}\n  ></bl-notification>\n`;\n\nconst NotificationCreator = (args: NotificationProps, buttonLabel = \"Add Notification\") => {\n  const slug = buttonLabel.toLowerCase().replace(/\\s/g, \"-\");\n\n  return html`\n    <bl-button id=${slug}>${buttonLabel}</bl-button>\n\n    <script>\n      (function () {\n        window?.__applyStorybookTheme?.();\n\n        const notificationElement = document.querySelector(\"bl-notification\");\n        const addButton = document.querySelector(\"bl-button#${slug}\");\n\n        addButton.addEventListener(\"bl-click\", () => {\n          notificationElement.addNotification(${stringifyArgs(args)});\n        });\n      })();\n    </script>\n  `;\n};\n\nexport const AddExample: Story = {\n  render(args: NotificationArgs) {\n    return html`${BasicTemplate(args)} ${NotificationCreator(args)} `;\n  },\n  args: {\n    duration: 60,\n    primaryAction: undefined,\n    secondaryAction: undefined,\n  },\n  play: ({ args }) => {\n    addNotification(args);\n    addNotification({ ...args, variant: \"success\" });\n    addNotification({ ...args, variant: \"warning\" });\n    addNotification({ ...args, variant: \"error\" });\n  },\n};\n\nexport const RemoveExample: Story = {\n  render(args: NotificationArgs) {\n    return html`\n      ${BasicTemplate(args)}\n      <bl-button>Remove Notification</bl-button>\n\n      <script>\n        (function () {\n          window?.__applyStorybookTheme?.();\n\n          const notificationElement = document.querySelector(\"bl-notification\");\n          const removeButton = document.querySelector(\"bl-button\");\n\n          const notification = notificationElement.addNotification({\n            caption: \"Notification Caption\",\n            description: \"Notification Description\",\n            permanent: true,\n          });\n\n          removeButton.addEventListener(\"bl-click\", () => {\n            notification.remove(); // notificationElement.removeNotification(notification.id);\n          });\n        })();\n      </script>\n    `;\n  },\n};\n\nexport const RemoveAwaitExample: Story = {\n  render(args: NotificationArgs) {\n    return html`\n      ${BasicTemplate(args)}\n      <bl-button>Remove Notifications</bl-button>\n\n      <script>\n        (function () {\n          window?.__applyStorybookTheme?.();\n\n          const notificationElement = document.querySelector(\"bl-notification\");\n          const removeButton = document.querySelector(\"bl-button\");\n\n          const firstNotification = notificationElement.addNotification({\n            caption: \"Notification Caption\",\n            description: \"Notification Description\",\n            permanent: true,\n          });\n\n          const secondNotification = notificationElement.addNotification({\n            caption: \"Notification Caption Second\",\n            description: \"Notification Description Second\",\n            permanent: true,\n          });\n\n          const thirdNotification = notificationElement.addNotification({\n            caption: \"Notification Caption Third\",\n            description: \"Notification Description Third\",\n            permanent: true,\n          });\n\n          removeButton.addEventListener(\"bl-click\", async () => {\n            await secondNotification.remove();\n            await thirdNotification.remove();\n            await firstNotification.remove();\n          });\n        })();\n      </script>\n    `;\n  },\n};\n\nexport const PrimaryActionExample: Story = {\n  render(args: NotificationArgs) {\n    return html`\n      ${BasicTemplate(args)}\n      <script>\n        (function () {\n          window?.__applyStorybookTheme?.();\n\n          const notificationElement = document.querySelector(\"bl-notification\");\n\n          notificationElement.addNotification({\n            caption: \"Notification Caption\",\n            description: \"Notification Description\",\n            permanent: true,\n            primaryAction: {\n              label: \"Primary Action\",\n              onClick: () => {\n                window.alert(\"Primary Action Clicked\");\n              },\n            },\n          });\n        })();\n      </script>\n    `;\n  },\n};\n\nexport const SecondaryActionExample: Story = {\n  render(args: NotificationArgs) {\n    return html`\n      ${BasicTemplate(args)}\n      <script>\n        (function () {\n          window?.__applyStorybookTheme?.();\n\n          const notificationElement = document.querySelector(\"bl-notification\");\n\n          notificationElement.addNotification({\n            caption: \"Notification Caption\",\n            description: \"Notification Description\",\n            permanent: true,\n            primaryAction: {\n              label: \"Primary Action\",\n              onClick: () => {\n                window.alert(\"Primary Action Clicked\");\n              },\n            },\n            secondaryAction: {\n              label: \"Secondary Action\",\n              onClick: () => {\n                window.alert(\"Secondary Action Clicked\");\n              },\n            },\n          });\n        })();\n      </script>\n    `;\n  },\n};\n\nexport const ActionsRemoveExample: Story = {\n  render(args: NotificationArgs) {\n    return html`\n      ${BasicTemplate(args)}\n      <script>\n        (function () {\n          window?.__applyStorybookTheme?.();\n\n          const notificationElement = document.querySelector(\"bl-notification\");\n\n          const notification = notificationElement.addNotification({\n            caption: \"Notification Caption\",\n            description: \"Notification Description\",\n            permanent: true,\n            primaryAction: {\n              label: \"Primary Action\",\n              onClick: notification => {\n                notification.remove();\n              },\n            },\n            secondaryAction: {\n              label: \"Secondary Action\",\n              onClick: notification => {\n                notification.remove();\n              },\n            },\n          });\n        })();\n      </script>\n    `;\n  },\n  play: () => {\n    addNotification({\n      caption: \"Notification Caption\",\n      description: \"Notification Description\",\n      permanent: true,\n      primaryAction: {\n        label: \"Primary Action\",\n        onClick: (notification: Notification) => {\n          notification.remove();\n        },\n      },\n      secondaryAction: {\n        label: \"Secondary Action\",\n        onClick: (notification: Notification) => {\n          notification.remove();\n        },\n      },\n    });\n  },\n};\n\nexport const PermanentExample: Story = {\n  render(args: NotificationArgs) {\n    return html` ${BasicTemplate(args)} ${NotificationCreator(args)} `;\n  },\n  args: {\n    permanent: true,\n  },\n  play: ({ args }) => {\n    addNotification(args);\n  },\n};\n\nexport const VariantsExample: Story = {\n  render(args: NotificationArgs) {\n    return html`\n      ${BasicTemplate(args)}\n      ${NotificationCreator(\n        {\n          caption: \"Notification Caption\",\n          description: \"Notification Variant: info\",\n          permanent: true,\n          variant: \"info\",\n          primaryAction: {\n            label: \"Primary Action\",\n            onClick() {},\n          },\n          secondaryAction: {\n            label: \"Secondary Action\",\n            onClick() {},\n          },\n        },\n        \"Info\"\n      )}\n      ${NotificationCreator(\n        {\n          caption: \"Notification Caption\",\n          description: \"Notification Variant: success\",\n          permanent: true,\n          variant: \"success\",\n          primaryAction: {\n            label: \"Primary Action\",\n            onClick() {},\n          },\n          secondaryAction: {\n            label: \"Secondary Action\",\n            onClick() {},\n          },\n        },\n        \"Success\"\n      )}\n      ${NotificationCreator(\n        {\n          caption: \"Notification Caption\",\n          description: \"Notification Variant: warning\",\n          permanent: true,\n          variant: \"warning\",\n          primaryAction: {\n            label: \"Primary Action\",\n            onClick() {},\n          },\n          secondaryAction: {\n            label: \"Secondary Action\",\n            onClick() {},\n          },\n        },\n        \"Warning\"\n      )}\n      ${NotificationCreator(\n        {\n          caption: \"Notification Caption\",\n          description: \"Notification Variant: error\",\n          permanent: true,\n          variant: \"error\",\n          primaryAction: {\n            label: \"Primary Action\",\n            onClick() {},\n          },\n          secondaryAction: {\n            label: \"Secondary Action\",\n            onClick() {},\n          },\n        },\n        \"Error\"\n      )}\n    `;\n  },\n  play: () => {\n    const variants = [\"info\", \"success\", \"warning\", \"error\"] as const;\n\n    for (const variant of variants) {\n      addNotification({\n        caption: \"Notification Caption\",\n        description: `Notification Variant: ${variant}`,\n        permanent: true,\n        variant,\n        primaryAction: {\n          label: \"Primary Action\",\n          onClick() {},\n        },\n        secondaryAction: {\n          label: \"Secondary Action\",\n          onClick() {},\n        },\n      });\n    }\n  },\n};\n\nexport const RTLExample: Story = {\n  render(args: NotificationArgs) {\n    return html`\n      <div class=\"rtl-container\" dir=\"rtl\" lang=\"ar\">\n        ${BasicTemplate(args)}\n        ${NotificationCreator(\n          {\n            caption: \"\u0631\u0633\u0627\u0644\u0629 \u062A\u0631\u062D\u064A\u0628\",\n            description: \"\u0645\u0631\u062D\u0628\u0627\u064B \u0628\u0643 \u0641\u064A \u062A\u0637\u0628\u064A\u0642\u0646\u0627! \u0646\u062A\u0645\u0646\u0649 \u0644\u0643 \u062A\u062C\u0631\u0628\u0629 \u0645\u0645\u062A\u0639\u0629.\",\n            duration: 7,\n            variant: \"info\" as const,\n            icon: true,\n            primaryAction: {\n              label: \"\u0627\u0628\u062F\u0623 \u0627\u0644\u0622\u0646\",\n              onClick() {},\n            },\n          },\n          \"Info\"\n        )}\n        ${NotificationCreator(\n          {\n            caption: \"\u062A\u0645 \u0625\u0643\u0645\u0627\u0644 \u0627\u0644\u0645\u0647\u0645\u0629\",\n            description: \"\u062A\u0645 \u0625\u0643\u0645\u0627\u0644 \u0645\u0647\u0645\u062A\u0643 \u0628\u0646\u062C\u0627\u062D.\",\n            duration: 10,\n            variant: \"success\" as const,\n            icon: true,\n          },\n          \"Success\"\n        )}\n        ${NotificationCreator(\n          {\n            caption: \"\u062A\u0646\u0628\u064A\u0647 \u0627\u0644\u062A\u062E\u0632\u064A\u0646\",\n            description: \"\u0645\u0633\u0627\u062D\u0629 \u0627\u0644\u062A\u062E\u0632\u064A\u0646 \u0627\u0644\u062E\u0627\u0635\u0629 \u0628\u0643 \u0645\u0646\u062E\u0641\u0636\u0629.\",\n            duration: 15,\n            variant: \"warning\" as const,\n            icon: true,\n            primaryAction: {\n              label: \"\u062A\u0631\u0642\u064A\u0629\",\n              onClick() {},\n            },\n            secondaryAction: {\n              label: \"\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064A\u062F\",\n              onClick() {},\n            },\n          },\n          \"Warning\"\n        )}\n        ${NotificationCreator(\n          {\n            caption: \"\u062E\u0637\u0623 \u0641\u064A \u0627\u0644\u0627\u062A\u0635\u0627\u0644\",\n            description: \"\u062A\u0639\u0630\u0631 \u0627\u0644\u0627\u062A\u0635\u0627\u0644 \u0628\u0627\u0644\u062E\u0627\u062F\u0645. \u064A\u0631\u062C\u0649 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649.\",\n            duration: 20,\n            variant: \"error\" as const,\n            icon: true,\n            primaryAction: {\n              label: \"\u0625\u0639\u0627\u062F\u0629 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629\",\n              onClick() {},\n            },\n          },\n          \"Error\"\n        )}\n      </div>\n\n      <style>\n        .rtl-container {\n          width: 100%;\n          min-height: 100%;\n          padding: 1rem;\n        }\n      </style>\n    `;\n  },\n  play: () => {\n    const rtlNotifications: NotificationProps[] = [\n      {\n        caption: \"\u0631\u0633\u0627\u0644\u0629 \u062A\u0631\u062D\u064A\u0628\",\n        description: \"\u0645\u0631\u062D\u0628\u0627\u064B \u0628\u0643 \u0641\u064A \u062A\u0637\u0628\u064A\u0642\u0646\u0627! \u0646\u062A\u0645\u0646\u0649 \u0644\u0643 \u062A\u062C\u0631\u0628\u0629 \u0645\u0645\u062A\u0639\u0629.\",\n        duration: 7,\n        variant: \"info\",\n        icon: true,\n        primaryAction: {\n          label: \"\u0627\u0628\u062F\u0623 \u0627\u0644\u0622\u0646\",\n          onClick() {},\n        },\n      },\n      {\n        caption: \"\u062A\u0645 \u0625\u0643\u0645\u0627\u0644 \u0627\u0644\u0645\u0647\u0645\u0629\",\n        description: \"\u062A\u0645 \u0625\u0643\u0645\u0627\u0644 \u0645\u0647\u0645\u062A\u0643 \u0628\u0646\u062C\u0627\u062D.\",\n        duration: 10,\n        variant: \"success\",\n        icon: true,\n      },\n      {\n        caption: \"\u062A\u0646\u0628\u064A\u0647 \u0627\u0644\u062A\u062E\u0632\u064A\u0646\",\n        description: \"\u0645\u0633\u0627\u062D\u0629 \u0627\u0644\u062A\u062E\u0632\u064A\u0646 \u0627\u0644\u062E\u0627\u0635\u0629 \u0628\u0643 \u0645\u0646\u062E\u0641\u0636\u0629.\",\n        duration: 15,\n        variant: \"warning\",\n        icon: true,\n        primaryAction: {\n          label: \"\u062A\u0631\u0642\u064A\u0629\",\n          onClick() {},\n        },\n        secondaryAction: {\n          label: \"\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064A\u062F\",\n          onClick() {},\n        },\n      },\n      {\n        caption: \"\u062E\u0637\u0623 \u0641\u064A \u0627\u0644\u0627\u062A\u0635\u0627\u0644\",\n        description: \"\u062A\u0639\u0630\u0631 \u0627\u0644\u0627\u062A\u0635\u0627\u0644 \u0628\u0627\u0644\u062E\u0627\u062F\u0645. \u064A\u0631\u062C\u0649 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649.\",\n        duration: 20,\n        variant: \"error\",\n        icon: true,\n        primaryAction: {\n          label: \"\u0625\u0639\u0627\u062F\u0629 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629\",\n          onClick() {},\n        },\n      },\n    ];\n\n    // Add RTL notifications\n    rtlNotifications.forEach((notification, index) => {\n      setTimeout(() => {\n        const rtlContainer = document.querySelector<HTMLElement & { addNotification: typeof addNotification }>(\".rtl-container bl-notification\");\n\n        rtlContainer?.addNotification(notification);\n      }, index * 300);\n    });\n  },\n  args: {\n    noAnimation: true,\n    duration: 7,\n  },\n};\n"],
+  "mappings": "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",
   "names": ["meta", "fullscreenLayout", "bl_notification_stories_default", "addNotification", "options", "el", "stringifyArgs", "args", "BasicTemplate", "x", "l", "_a", "NotificationCreator", "buttonLabel", "slug", "__template", "AddExample", "_b", "RemoveExample", "_c", "RemoveAwaitExample", "_d", "PrimaryActionExample", "_e", "SecondaryActionExample", "_f", "ActionsRemoveExample", "notification", "PermanentExample", "VariantsExample", "variants", "variant", "RTLExample", "index", "rtlContainer"]
 }

package/dist/components/pagination/bl-pagination.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-P4S537UY.js";import"../../chunk-2Q566BEQ.js";import"../../chunk-H6EUN6QV.js";import"../../chunk-ECPWEUBG.js";import"../../chunk-6XM52E7W.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-7KND5OUR.js";import"../../chunk-23PSWIUF.js";import"../../chunk-IPYZIIRV.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
+import{a}from"../../chunk-P4S537UY.js";import"../../chunk-KYLWO3YR.js";import"../../chunk-5NSAJ3SX.js";import"../../chunk-ECPWEUBG.js";import"../../chunk-6XM52E7W.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-3IZAFXL6.js";import"../../chunk-23PSWIUF.js";import"../../chunk-IPYZIIRV.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
 //# sourceMappingURL=bl-pagination.js.map

package/dist/components/select/bl-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bl-select.d.ts","sourceRoot":"","sources":["../../../src/components/select/bl-select.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"bl-select.d.ts","sourceRoot":"","sources":["../../../src/components/select/bl-select.ts"],"names":[],"mappings":"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"}

package/dist/components/select/bl-select.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-2Q566BEQ.js";import"../../chunk-H6EUN6QV.js";import"../../chunk-ECPWEUBG.js";import"../../chunk-6XM52E7W.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
+import{a}from"../../chunk-KYLWO3YR.js";import"../../chunk-5NSAJ3SX.js";import"../../chunk-ECPWEUBG.js";import"../../chunk-6XM52E7W.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
 //# sourceMappingURL=bl-select.js.map

package/dist/components/select/option/bl-select-option.d.ts

@@ -1,5 +1,6 @@
 import { CSSResultGroup, LitElement } from "lit";
 import { FormValue } from "@open-wc/form-helpers";
+import { BaklavaIcon } from "../../icon/icon-list";
 export default class BlSelectOption<ValueType extends FormValue = string> extends LitElement {
     static get styles(): CSSResultGroup;
     private _value;
@@ -20,6 +21,10 @@ export default class BlSelectOption<ValueType extends FormValue = string> extend
      * Sets option as selected state
      */
     selected: boolean;
+    /**
+     * Sets the name of the icon
+     */
+    icon?: BaklavaIcon;
     multiple: boolean;
     /**
      * Fires when clicked on the option

package/dist/components/select/option/bl-select-option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bl-select-option.d.ts","sourceRoot":"","sources":["../../../../src/components/select/option/bl-select-option.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAMlD,MAAM,CAAC,OAAO,OAAO,cAAc,CAAC,SAAS,SAAS,SAAS,GAAG,MAAM,CAAE,SAAQ,UAAU;IAC1F,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED,OAAO,CAAC,MAAM,CAAY;IAG1B;;OAEG;IACH,IACI,KAAK,IAAI,SAAS,CAErB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,SAAS,EAEvB;IAED;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAEjB;;OAEG;IACwB,OAAO,CAAC,SAAS,CAA6C;IAEzF;;OAEG;IACgB,OAAO,CAAC,OAAO,CAA6C;IAE/E;;OAEG;IACe,OAAO,CAAC,MAAM,CAA6C;IAErD,OAAO,CAAC,WAAW,CAAc;IAEzD;;OAEG;IACH,KAAK;IAQL;;OAEG;IACH,IAAI;IAKJ,OAAO,CAAC,QAAQ,CAA6B;IAE7C,OAAO,CAAC,oBAAoB;IAa5B,OAAO,CAAC,sBAAsB;IAa9B,MAAM;IAMN,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,iBAAiB;IAKzB,iBAAiB;IAYjB,oBAAoB;CAIrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}
+{"version":3,"file":"bl-select-option.d.ts","sourceRoot":"","sources":["../../../../src/components/select/option/bl-select-option.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAKnD,MAAM,CAAC,OAAO,OAAO,cAAc,CAAC,SAAS,SAAS,SAAS,GAAG,MAAM,CAAE,SAAQ,UAAU;IAC1F,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED,OAAO,CAAC,MAAM,CAAY;IAG1B;;OAEG;IACH,IACI,KAAK,IAAI,SAAS,CAErB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,SAAS,EAEvB;IAED;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,CAAC,EAAE,WAAW,CAAC;IAGnB,QAAQ,UAAS;IAEjB;;OAEG;IACwB,OAAO,CAAC,SAAS,CAA6C;IAEzF;;OAEG;IACgB,OAAO,CAAC,OAAO,CAA6C;IAE/E;;OAEG;IACe,OAAO,CAAC,MAAM,CAA6C;IAErD,OAAO,CAAC,WAAW,CAAc;IAEzD;;OAEG;IACH,KAAK;IAQL;;OAEG;IACH,IAAI;IAKJ,OAAO,CAAC,QAAQ,CAA6B;IAE7C,OAAO,CAAC,oBAAoB;IAgB5B,OAAO,CAAC,sBAAsB;IAa9B,MAAM;IAMN,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,iBAAiB;IAKzB,iBAAiB;IAYjB,oBAAoB;CAIrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/components/select/option/bl-select-option.js

@@ -1,2 +1,2 @@
-import{a}from"../../../chunk-H6EUN6QV.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-5MOOXA2X.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-BWWXE4SL.js";export{a as default};
+import{a}from"../../../chunk-5NSAJ3SX.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-5MOOXA2X.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-BWWXE4SL.js";export{a as default};
 //# sourceMappingURL=bl-select-option.js.map