@trendyol/baklava 3.4.0-beta.10 → 3.4.0-beta.12

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.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 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`
   <bl-notification
     ?no-animation=${i.noAnimation}
     duration=${s(i.duration)}

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-2Q566BEQ.js";import"../../chunk-H6EUN6QV.js";import"../../chunk-ECPWEUBG.js";import"../../chunk-6XM52E7W.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-ETFCJRBG.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/tab-group/bl-tab-group.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-3MLXIDOD.js";import"../../chunk-YH3MSMXL.js";import"../../chunk-WZBUJ4ER.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-3MLXIDOD.js";import"../../chunk-WZBUJ4ER.js";import"../../chunk-YH3MSMXL.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
 //# sourceMappingURL=bl-tab-group.js.map

package/dist/components/table/table-cell/bl-table-cell.js

@@ -1,2 +1,2 @@
-import{a,b}from"../../../chunk-3PA3PCTP.js";import"../../../chunk-MUSNNPY5.js";import"../../../chunk-DPKNQOJX.js";import"../../../chunk-JN5BKKQZ.js";import"../../../chunk-FCOVZEHC.js";import"../../../chunk-6XM52E7W.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 blTableCellTag,b as default};
+import{a,b}from"../../../chunk-TKTRDALH.js";import"../../../chunk-QKUMEP5P.js";import"../../../chunk-JN5BKKQZ.js";import"../../../chunk-DPKNQOJX.js";import"../../../chunk-FCOVZEHC.js";import"../../../chunk-6XM52E7W.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 blTableCellTag,b as default};
 //# sourceMappingURL=bl-table-cell.js.map

package/dist/components/table/table-header-cell/bl-table-header-cell.js

@@ -1,2 +1,2 @@
-import{a,b}from"../../../chunk-OTLTDVYZ.js";import"../../../chunk-MUSNNPY5.js";import"../../../chunk-DPKNQOJX.js";import"../../../chunk-JN5BKKQZ.js";import"../../../chunk-FCOVZEHC.js";import"../../../chunk-6XM52E7W.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 blTableHeaderCellTag,b as default};
+import{a,b}from"../../../chunk-2EK4TAKQ.js";import"../../../chunk-QKUMEP5P.js";import"../../../chunk-JN5BKKQZ.js";import"../../../chunk-DPKNQOJX.js";import"../../../chunk-FCOVZEHC.js";import"../../../chunk-6XM52E7W.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 blTableHeaderCellTag,b as default};
 //# sourceMappingURL=bl-table-header-cell.js.map

package/dist/components/table/table-row/bl-table-row.js

@@ -1,2 +1,2 @@
-import{a,b}from"../../../chunk-MUSNNPY5.js";import"../../../chunk-DPKNQOJX.js";import"../../../chunk-JN5BKKQZ.js";import"../../../chunk-FCOVZEHC.js";import"../../../chunk-6XM52E7W.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 blTableRowTag,b as default};
+import{a,b}from"../../../chunk-QKUMEP5P.js";import"../../../chunk-JN5BKKQZ.js";import"../../../chunk-DPKNQOJX.js";import"../../../chunk-FCOVZEHC.js";import"../../../chunk-6XM52E7W.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 blTableRowTag,b as default};
 //# sourceMappingURL=bl-table-row.js.map