@trendyol/baklava 3.4.0-beta.2 → 3.4.0-beta.21

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/notification/card/bl-notification-card.js

@@ -1,2 +1,2 @@
-import{a,b}from"../../../chunk-GISZRI4I.js";import"../../../chunk-ECPWEUBG.js";import"../../../chunk-DINNT5P2.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-5MOOXA2X.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-IZ2LK5GK.js";export{a as CloseSource,b as default};
+import{a,b}from"../../../chunk-7HEDOM2M.js";import"../../../chunk-ECPWEUBG.js";import"../../../chunk-DINNT5P2.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-5MOOXA2X.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-BWWXE4SL.js";export{a as CloseSource,b as default};
 //# sourceMappingURL=bl-notification-card.js.map

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

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-H4WETBHJ.js";import"../../chunk-2IJL7HNY.js";import"../../chunk-RER7OLAQ.js";import"../../chunk-MWFGDECP.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-WC5CTIZH.js";import"../../chunk-23PSWIUF.js";import"../../chunk-IPYZIIRV.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-4UO3W4WP.js";import"../../chunk-ZE7GYACV.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-ECPWEUBG.js";import"../../chunk-DINNT5P2.js";import"../../chunk-BH64QNLE.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-IZ2LK5GK.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/popover/bl-popover.js

@@ -1,2 +1,2 @@
-import{b as a}from"../../chunk-UOGCEUXK.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-IZ2LK5GK.js";export{a as default};
+import{b as a}from"../../chunk-RCHKJINV.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
 //# sourceMappingURL=bl-popover.js.map

package/dist/components/progress-indicator/bl-progress-indicator.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-QDYWH7BU.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-IZ2LK5GK.js";export{a as default};
+import{a}from"../../chunk-UK2ZEQBN.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
 //# sourceMappingURL=bl-progress-indicator.js.map

package/dist/components/radio-group/bl-radio-group.js

@@ -1,2 +1,2 @@
-import{d as a,e as b,f as c}from"../../chunk-IKYI4JCF.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-IZ2LK5GK.js";export{b as blChangeEventName,a as blRadioGroupTag,c as default};
+import{d as a,e as b,f as c}from"../../chunk-FS3MTRC3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{b as blChangeEventName,a as blRadioGroupTag,c as default};
 //# sourceMappingURL=bl-radio-group.js.map

package/dist/components/radio-group/radio/bl-radio.js

@@ -1,2 +1,2 @@
-import{a,b,c}from"../../../chunk-IKYI4JCF.js";import"../../../chunk-XDUIVR6I.js";import"../../../chunk-HZ6A5QFC.js";import"../../../chunk-6LT7O7T2.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-7GK5LKBV.js";import"../../../chunk-5MOOXA2X.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-IZ2LK5GK.js";export{b as blCheckedEventName,a as blRadioTag,c as default};
+import{a,b,c}from"../../../chunk-FS3MTRC3.js";import"../../../chunk-XDUIVR6I.js";import"../../../chunk-HZ6A5QFC.js";import"../../../chunk-6LT7O7T2.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-7GK5LKBV.js";import"../../../chunk-5MOOXA2X.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-BWWXE4SL.js";export{b as blCheckedEventName,a as blRadioTag,c as default};
 //# sourceMappingURL=bl-radio.js.map

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

@@ -147,6 +147,7 @@ export default class BlSelect<ValueType extends FormValue = string> extends BlSe
     close(): void;
     private _interactOutsideHandler;
     private _setupPopover;
+    private _handleToggleButtonClick;
     connectedCallback(): void;
     disconnectedCallback(): void;
     private inputTemplate;

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-2IJL7HNY.js";import"../../chunk-RER7OLAQ.js";import"../../chunk-MWFGDECP.js";import"../../chunk-EZSEQHRH.js";import"../../chunk-EG7U7PM3.js";import"../../chunk-XDUIVR6I.js";import"../../chunk-HZ6A5QFC.js";import"../../chunk-AYJMIZZ3.js";import"../../chunk-4UO3W4WP.js";import"../../chunk-ZE7GYACV.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-HBPBDC7T.js";import"../../chunk-ECPWEUBG.js";import"../../chunk-DINNT5P2.js";import"../../chunk-BH64QNLE.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-IZ2LK5GK.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-RER7OLAQ.js";import"../../../chunk-GRL4DWKG.js";import"../../../chunk-5MOOXA2X.js";import"../../../chunk-4OT5AMS5.js";import"../../../chunk-IZ2LK5GK.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

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

@@ -1,2 +1,2 @@
-import{a,b}from"../../chunk-ZE7GYACV.js";import"../../chunk-BH64QNLE.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-IZ2LK5GK.js";export{a as blSpinnerTag,b as default};
+import{a,b}from"../../chunk-OYHUG47P.js";import"../../chunk-3OQA4BKQ.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as blSpinnerTag,b as default};
 //# sourceMappingURL=bl-spinner.js.map

package/dist/components/split-button/bl-split-button.js

@@ -1,2 +1,2 @@
-import{a,b}from"../../chunk-NXVLNG4L.js";import"../../chunk-HYBPEELZ.js";import"../../chunk-IPYZIIRV.js";import"../../chunk-4UO3W4WP.js";import"../../chunk-ZE7GYACV.js";import"../../chunk-6LT7O7T2.js";import"../../chunk-DINNT5P2.js";import"../../chunk-BH64QNLE.js";import"../../chunk-GRL4DWKG.js";import"../../chunk-3USCFSFQ.js";import"../../chunk-7GK5LKBV.js";import"../../chunk-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-IZ2LK5GK.js";export{a as blSplitButtonTag,b as default};
+import{a,b}from"../../chunk-LIUATY6B.js";import"../../chunk-FANRUDPK.js";import"../../chunk-IPYZIIRV.js";import"../../chunk-NM74WWXQ.js";import"../../chunk-OYHUG47P.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-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as blSplitButtonTag,b as default};
 //# sourceMappingURL=bl-split-button.js.map

package/dist/components/stepper/bl-stepper-item.d.ts

@@ -0,0 +1,107 @@
+import { CSSResultGroup, LitElement, TemplateResult } from "lit";
+import "../icon/bl-icon";
+import { BaklavaIcon } from "../icon/icon-list";
+export type StepperItemVariant = "default" | "active" | "success" | "error";
+export type StepperType = "dot" | "number" | "icon";
+export type StepperDirection = "horizontal" | "vertical";
+/**
+ * @tag bl-stepper-item
+ * @summary Baklava Stepper Item component for individual steps in a stepper
+ *
+ * @slot default - Step content (title and description)
+ */
+export default class BlStepperItem extends LitElement {
+    static get styles(): CSSResultGroup;
+    /**
+     * @internal
+     */
+    static get shadowRootOptions(): {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        slotAssignment?: SlotAssignmentMode | undefined;
+        customElements?: CustomElementRegistry | undefined;
+    };
+    /**
+     * Defines stepper item's id
+     */
+    id: string;
+    /**
+     * Defines stepper item's status
+     */
+    variant: StepperItemVariant;
+    /**
+     * Internal variant state that includes hover
+     * @internal
+     */
+    private _internalVariant;
+    /**
+     * Defines stepper item's interaction
+     */
+    disabled: boolean;
+    /**
+     * If stepper type is icon, it should be rendered on stepper items
+     */
+    icon: BaklavaIcon;
+    /**
+     * Defines stepper item's main title
+     */
+    title: string;
+    /**
+     * Defines stepper item's description
+     */
+    description: string;
+    /**
+     * Internal state to show leading connector (line before the step)
+     * @internal
+     */
+    showLeadingConnector: boolean;
+    /**
+     * Internal state to show trailing connector (line after the step)
+     * @internal
+     */
+    showTrailingConnector: boolean;
+    /**
+     * Internal state to track stepper type from parent
+     * @internal
+     */
+    stepperType: StepperType;
+    /**
+     * Internal state to track stepper direction from parent
+     * @internal
+     */
+    direction: StepperDirection;
+    /**
+     * Internal state to track stepper usage from parent
+     * @internal
+     */
+    stepUsage: "clickable" | "non-clickable";
+    /**
+     * Fires when stepper item is clicked
+     */
+    private onItemClick;
+    willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
+    private get isClickable();
+    /**
+     * @internal
+     */
+    get stepNumber(): number;
+    /**
+     * @internal
+     */
+    get shouldShowIcon(): boolean;
+    /**
+     * @internal
+     */
+    get iconName(): BaklavaIcon;
+    private handleClick;
+    private handleKeyDown;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "bl-stepper-item": BlStepperItem;
+    }
+}
+//# sourceMappingURL=bl-stepper-item.d.ts.map

package/dist/components/stepper/bl-stepper-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bl-stepper-item.d.ts","sourceRoot":"","sources":["../../../src/components/stepper/bl-stepper-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKvE,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAE5E,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AACpD,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,UAAU,CAAC;AAEzD;;;;;GAKG;AAGH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,UAAU;IACnD,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IACH,MAAM,KAAK,iBAAiB;;;;;MAE3B;IAED;;OAEG;IAEH,EAAE,EAAE,MAAM,CAAM;IAEhB;;OAEG;IAEH,OAAO,EAAE,kBAAkB,CAAa;IAExC;;;OAGG;IACH,OAAO,CAAC,gBAAgB,CAAyC;IAEjE;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,EAAE,WAAW,CAAW;IAE5B;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,WAAW,SAAM;IAEjB;;;OAGG;IAEH,oBAAoB,UAAS;IAE7B;;;OAGG;IAEH,qBAAqB,UAAQ;IAE7B;;;OAGG;IAEH,WAAW,EAAE,WAAW,CAAS;IAEjC;;;OAGG;IAEH,SAAS,EAAE,gBAAgB,CAAgB;IAE3C;;;OAGG;IAEH,SAAS,EAAE,WAAW,GAAG,eAAe,CAAe;IAEvD;;OAEG;IAC6B,OAAO,CAAC,WAAW,CAA0B;IAE7E,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IASpE,OAAO,KAAK,WAAW,GAEtB;IAED;;OAEG;IACH,IAAI,UAAU,IAAI,MAAM,CAUvB;IAED;;OAEG;IACH,IAAI,cAAc,IAAI,OAAO,CAQ5B;IAED;;OAEG;IACH,IAAI,QAAQ,IAAI,WAAW,CAW1B;IAED,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,gBAAgB;IAOxB,MAAM,IAAI,cAAc;CA0EzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/components/stepper/bl-stepper-item.js

@@ -0,0 +1,2 @@
+import{a}from"../../chunk-Z5ZIVLUH.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-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
+//# sourceMappingURL=bl-stepper-item.js.map

package/dist/components/stepper/bl-stepper-item.js.map

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

package/dist/components/stepper/bl-stepper-item.test.d.ts

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

package/dist/components/stepper/bl-stepper-item.test.d.ts.map

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

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

@@ -0,0 +1,46 @@
+import { CSSResultGroup, LitElement, TemplateResult } from "lit";
+import "./bl-stepper-item";
+export type StepperType = "dot" | "number" | "icon";
+export type StepperDirection = "horizontal" | "vertical";
+export type StepperUsage = "clickable" | "non-clickable";
+/**
+ * @tag bl-stepper
+ * @summary Baklava Stepper component for displaying progress through a sequence of steps
+ *
+ * @slot default - Stepper items
+ */
+export default class BlStepper extends LitElement {
+    static get styles(): CSSResultGroup;
+    /**
+     * Defines stepper render style
+     */
+    type: StepperType;
+    /**
+     * Defines stepper direction is horizontal or vertical
+     */
+    direction: StepperDirection;
+    /**
+     * Defines stepper usage is clickable or non-clickable
+     */
+    usage: StepperUsage;
+    private get stepperItemsArray();
+    /**
+     * Fires when stepper state changes
+     */
+    private onStepperChange;
+    private get totalSteps();
+    private get activeStep();
+    private handleItemClick;
+    private handleKeyDown;
+    connectedCallback(): void;
+    firstUpdated(changedProperties: Map<string | number | symbol, unknown>): void;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    private updateStepperItems;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "bl-stepper": BlStepper;
+    }
+}
+//# sourceMappingURL=bl-stepper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bl-stepper.d.ts","sourceRoot":"","sources":["../../../src/components/stepper/bl-stepper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvE,OAAO,mBAAmB,CAAC;AAG3B,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AACpD,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,UAAU,CAAC;AACzD,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,eAAe,CAAC;AAYzD;;;;;GAKG;AAGH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,UAAU;IAC/C,MAAM,KAAK,MAAM,IAAI,cAAc,CAElC;IAED;;OAEG;IAEH,IAAI,EAAE,WAAW,CAAS;IAE1B;;OAEG;IAEH,SAAS,EAAE,gBAAgB,CAAgB;IAE3C;;OAEG;IAEH,KAAK,EAAE,YAAY,CAAe;IAElC,OAAO,KAAK,iBAAiB,GAE5B;IAED;;OAEG;IACyB,OAAO,CAAC,eAAe,CAGhD;IAEH,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,KAAK,UAAU,GAMrB;IAED,OAAO,CAAC,eAAe;IA6BvB,OAAO,CAAC,aAAa;IAgCrB,iBAAiB;IAIjB,YAAY,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAOtE,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAYjE,OAAO,CAAC,kBAAkB;IA+B1B,MAAM,IAAI,cAAc;CAwBzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

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

@@ -0,0 +1,2 @@
+import{a}from"../../chunk-BDTCJ2JC.js";import"../../chunk-Z5ZIVLUH.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-5MOOXA2X.js";import"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";export{a as default};
+//# sourceMappingURL=bl-stepper.js.map

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

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

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

@@ -0,0 +1,23 @@
+import type { Meta, StoryObj } from "@storybook/web-components";
+interface StepperArgs {
+    type?: "dot" | "number" | "icon";
+    direction?: "horizontal" | "vertical";
+    usage?: "clickable" | "non-clickable";
+    customStyles?: string;
+}
+declare const meta: Meta<StepperArgs>;
+export default meta;
+type Story = StoryObj<StepperArgs>;
+export declare const Default: Story;
+export declare const DotType: Story;
+export declare const NumberType: Story;
+export declare const IconType: Story;
+export declare const VerticalDirection: Story;
+export declare const NonClickable: Story;
+export declare const WithErrorState: Story;
+export declare const WithDisabledItems: Story;
+export declare const MinimalSteps: Story;
+export declare const ManySteps: Story;
+export declare const WithoutDescriptions: Story;
+export declare const InteractiveExample: Story;
+//# sourceMappingURL=bl-stepper.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bl-stepper.stories.d.ts","sourceRoot":"","sources":["../../../src/components/stepper/bl-stepper.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAOhE,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,KAAK,CAAC,EAAE,WAAW,GAAG,eAAe,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAKD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,WAAW,CAgE3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;AAgBnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAgE1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAc/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAY1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAcjC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA8DhC,CAAC"}

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

@@ -0,0 +1,100 @@
+import{a as n}from"../../chunk-M4E4CVZ4.js";import{a as l}from"../../chunk-DINNT5P2.js";import{b as s}from"../../chunk-4OT5AMS5.js";import"../../chunk-BWWXE4SL.js";var c="https://www.figma.com/design/RrcLH0mWpIUy4vwuTlDeKN/Baklava-Design-Guide?node-id=23617-1414",d="https://github.com/Trendyol/baklava/blob/main/src/components/stepper/doc/ADR.md",b={title:"Components/Stepper",component:"bl-stepper",parameters:{chromatic:{viewports:[1e3]},controls:{exclude:["customStyles"]},docs:{description:{component:`<div class="bl-docs-container"><p class="bl-docs-description">The Stepper component displays progress through a sequence of steps. It supports different visual styles (dot, number, icon), directions (horizontal, vertical), and usage modes (clickable, non-clickable). Maximum 9 items are allowed.</p><div class="bl-docs-links" style="display: flex; gap: var(--bl-size-2xs); margin-top: var(--bl-size-m);"><bl-badge icon="document"<bl-link variant='inline' href='`+d+`' target='_blank'>ADR</bl-link></bl-badge><bl-badge icon="puzzle"<bl-link variant='inline' href='`+c+"' target='_blank'>Figma</bl-link></bl-badge></div></div>"}}},decorators:[n],argTypes:{type:{control:{type:"select"},options:["dot","number","icon"],description:"Stepper render style",table:{type:{summary:"StepperType"},defaultValue:{summary:"dot"}}},direction:{control:{type:"select"},options:["horizontal","vertical"],description:"Stepper direction",table:{type:{summary:"StepperDirection"},defaultValue:{summary:"horizontal"}}},usage:{control:{type:"select"},options:["clickable","non-clickable"],description:"Stepper usage mode",table:{type:{summary:"StepperUsage"},defaultValue:{summary:"clickable"}}}}},S=b,o=i=>s`
+  <bl-stepper
+    type=${l(i.type)}
+    direction=${l(i.direction)}
+    usage=${l(i.usage)}
+    style=${l(i.customStyles)}
+  >
+    <bl-stepper-item id="1" title="Step 1" description="First step description" variant="success"></bl-stepper-item>
+    <bl-stepper-item id="2" title="Step 2" description="Second step description" variant="active"></bl-stepper-item>
+    <bl-stepper-item id="3" title="Step 3" description="Third step description" variant="default"></bl-stepper-item>
+    <bl-stepper-item id="4" title="Step 4" description="Fourth step description" variant="default"></bl-stepper-item>
+  </bl-stepper>
+`,y={args:{type:"dot",direction:"horizontal",usage:"clickable"},render:o},f={args:{type:"dot",direction:"horizontal",usage:"clickable"},render:o},g={args:{type:"number",direction:"horizontal",usage:"clickable"},render:o},h={args:{type:"icon",direction:"horizontal",usage:"clickable"},render:i=>s`
+    <bl-stepper
+      type=${l(i.type)}
+      direction=${l(i.direction)}
+      usage=${l(i.usage)}
+      style=${l(i.customStyles)}
+    >
+      <bl-stepper-item id="1" title="Step 1" description="First step description" variant="success" icon="check"></bl-stepper-item>
+      <bl-stepper-item id="2" title="Step 2" description="Second step description" variant="active" icon="settings"></bl-stepper-item>
+      <bl-stepper-item id="3" title="Step 3" description="Third step description" variant="default" icon="clock"></bl-stepper-item>
+      <bl-stepper-item id="4" title="Step 4" description="Fourth step description" variant="default" icon="lock"></bl-stepper-item>
+    </bl-stepper>
+  `},k={args:{type:"number",direction:"vertical",usage:"clickable"},render:o},z={args:{type:"dot",direction:"horizontal",usage:"non-clickable"},render:()=>s`
+    <div style="display: flex; flex-direction: column; gap: var(--bl-size-m);">
+      <bl-stepper type="dot" direction="horizontal" usage="non-clickable" id="non-clickable-stepper">
+        <bl-stepper-item id="1" title="Account Setup" description="Create your account" variant="success"></bl-stepper-item>
+        <bl-stepper-item id="2" title="Profile Information" description="Add your details" variant="active"></bl-stepper-item>
+        <bl-stepper-item id="3" title="Preferences" description="Set your preferences" variant="default"></bl-stepper-item>
+        <bl-stepper-item id="4" title="Confirmation" description="Review and confirm" variant="default"></bl-stepper-item>
+      </bl-stepper>
+
+      <div style="display: flex; gap: var(--bl-size-xs);">
+        <bl-button variant="secondary" size="small" @click=${()=>{let p=document.getElementById("non-clickable-stepper").querySelectorAll("bl-stepper-item"),e=0;if(p.forEach((t,r)=>{t.variant==="active"&&(e=r)}),e>0){let t=e-1;p.forEach((r,a)=>{a===t?r.variant="active":a<t?r.variant="success":r.variant="default"})}}}>Previous</bl-button>
+
+        <bl-button variant="primary" size="small" @click=${()=>{let p=document.getElementById("non-clickable-stepper").querySelectorAll("bl-stepper-item"),e=0;if(p.forEach((t,r)=>{t.variant==="active"&&(e=r)}),e<p.length-1){let t=e+1;p.forEach((r,a)=>{a===t?r.variant="active":a<t?r.variant="success":r.variant="default"})}}}>Next</bl-button>
+      </div>
+    </div>
+  `},I={args:{type:"number",direction:"horizontal",usage:"clickable"},render:()=>s`
+    <bl-stepper type="number" direction="horizontal" usage="clickable">
+      <bl-stepper-item id="1" title="Step 1" description="First step description" variant="success"></bl-stepper-item>
+      <bl-stepper-item id="2" title="Step 2" description="Second step description" variant="active"></bl-stepper-item>
+      <bl-stepper-item id="3" title="Step 3" description="Third step description" variant="error"></bl-stepper-item>
+      <bl-stepper-item id="4" title="Step 4" description="Fourth step description" variant="default"></bl-stepper-item>
+    </bl-stepper>
+  `},B={args:{type:"dot",direction:"horizontal",usage:"clickable"},render:()=>s`
+    <bl-stepper type="dot" direction="horizontal" usage="clickable">
+      <bl-stepper-item id="1" title="Step 1" description="First step description" variant="success"></bl-stepper-item>
+      <bl-stepper-item id="2" title="Step 2" description="Second step description" variant="active"></bl-stepper-item>
+      <bl-stepper-item id="3" title="Step 3" description="Third step description" variant="default" disabled></bl-stepper-item>
+      <bl-stepper-item id="4" title="Step 4" description="Fourth step description" variant="default"></bl-stepper-item>
+    </bl-stepper>
+  `},x={args:{type:"number",direction:"horizontal",usage:"clickable"},render:()=>s`
+    <bl-stepper type="number" direction="horizontal" usage="clickable">
+      <bl-stepper-item id="1" title="Step 1" variant="active"></bl-stepper-item>
+      <bl-stepper-item id="2" title="Step 2" variant="default"></bl-stepper-item>
+    </bl-stepper>
+  `},A={args:{type:"dot",direction:"horizontal",usage:"clickable"},render:()=>s`
+    <bl-stepper type="dot" direction="horizontal" usage="clickable">
+      <bl-stepper-item id="1" title="Step 1" variant="success"></bl-stepper-item>
+      <bl-stepper-item id="2" title="Step 2" variant="success"></bl-stepper-item>
+      <bl-stepper-item id="3" title="Step 3" variant="success"></bl-stepper-item>
+      <bl-stepper-item id="4" title="Step 4" variant="active"></bl-stepper-item>
+      <bl-stepper-item id="5" title="Step 5" variant="default"></bl-stepper-item>
+      <bl-stepper-item id="6" title="Step 6" variant="default"></bl-stepper-item>
+      <bl-stepper-item id="7" title="Step 7" variant="default"></bl-stepper-item>
+      <bl-stepper-item id="8" title="Step 8" variant="default"></bl-stepper-item>
+      <bl-stepper-item id="9" title="Step 9" variant="default"></bl-stepper-item>
+      <bl-stepper-item id="10" title="Step 10" variant="default"></bl-stepper-item>
+      <bl-stepper-item id="11" title="Step 11" variant="default"></bl-stepper-item>
+    </bl-stepper>
+  `},E={args:{type:"number",direction:"horizontal",usage:"clickable"},render:()=>s`
+    <bl-stepper type="number" direction="horizontal" usage="clickable">
+      <bl-stepper-item id="1" title="Step 1" variant="success"></bl-stepper-item>
+      <bl-stepper-item id="2" title="Step 2" variant="active"></bl-stepper-item>
+      <bl-stepper-item id="3" title="Step 3" variant="default"></bl-stepper-item>
+      <bl-stepper-item id="4" title="Step 4" variant="default"></bl-stepper-item>
+    </bl-stepper>
+  `},$={args:{type:"number",direction:"horizontal",usage:"clickable"},render:()=>s`
+    <div style="display: flex; flex-direction: column; gap: var(--bl-size-m);">
+      <bl-stepper type="number" direction="horizontal" usage="clickable" id="interactive-stepper">
+        <bl-stepper-item id="1" title="Account Setup" description="Create your account" variant="success"></bl-stepper-item>
+        <bl-stepper-item id="2" title="Profile Information" description="Add your details" variant="active"></bl-stepper-item>
+        <bl-stepper-item id="3" title="Preferences" description="Set your preferences" variant="default"></bl-stepper-item>
+        <bl-stepper-item id="4" title="Confirmation" description="Review and confirm" variant="default"></bl-stepper-item>
+      </bl-stepper>
+
+      <div style="display: flex; gap: var(--bl-size-xs);">
+        <bl-button variant="secondary" size="small" @click=${()=>{document.getElementById("interactive-stepper").querySelectorAll("bl-stepper-item").forEach((e,t)=>{t===0?e.variant="active":t<1?e.variant="success":e.variant="default"})}}>Go to Step 1</bl-button>
+
+        <bl-button variant="secondary" size="small" @click=${()=>{document.getElementById("interactive-stepper").querySelectorAll("bl-stepper-item").forEach((e,t)=>{t===1?e.variant="active":t<1?e.variant="success":e.variant="default"})}}>Go to Step 2</bl-button>
+
+        <bl-button variant="secondary" size="small" @click=${()=>{document.getElementById("interactive-stepper").querySelectorAll("bl-stepper-item").forEach((e,t)=>{t===2?e.variant="active":t<2?e.variant="success":e.variant="default"})}}>Go to Step 3</bl-button>
+
+        <bl-button variant="secondary" size="small" @click=${()=>{document.getElementById("interactive-stepper").querySelectorAll("bl-stepper-item").forEach((e,t)=>{t===3?e.variant="active":t<3?e.variant="success":e.variant="default"})}}>Go to Step 4</bl-button>
+      </div>
+    </div>
+  `};export{y as Default,f as DotType,h as IconType,$ as InteractiveExample,A as ManySteps,x as MinimalSteps,z as NonClickable,g as NumberType,k as VerticalDirection,B as WithDisabledItems,I as WithErrorState,E as WithoutDescriptions,S as default};
+//# sourceMappingURL=bl-stepper.stories.js.map