@brandsync/wc 0.0.11 → 0.1.0

package/dist/types/components/bs-breadcrumb/bs-breadcrumb-overflow/bs-breadcrumb-overflow.d.ts

@@ -0,0 +1,69 @@
+import type { BsBreadcrumbSize } from '../bs-breadcrumb/bs-breadcrumb';
+export interface BsBreadcrumbOverflowItem {
+    label: string;
+    href?: string;
+}
+/**
+ * A manually-placed collapsed-items disclosure for a `<bs-breadcrumbs>` trail: a leading separator
+ * plus an icon-only ellipsis button that reveals a `bs-menu` popup listing every hidden crumb.
+ *
+ * `items` is JS-property-only -- must be set as a JS property (`el.items = [...]`), not an HTML
+ * attribute, since attributes can only carry strings. See CONVENTIONS.md.
+ *
+ * Unlike an earlier `bs-breadcrumbs`-owned automatic `maxItems` collapse, this component does no
+ * collapsing logic itself -- the consumer decides which crumbs to hide and places this element
+ * wherever they want the disclosure, exactly matching Carbon Design System's own approach (Carbon
+ * doesn't auto-collapse breadcrumbs either; a consumer there manually decides what's visible).
+ *
+ * Hidden items with an `href` render as real `<a href>` rows inside the popup, not `bs-menu-item`
+ * (which renders a `<button>`) -- this matters because consuming apps commonly use client-side
+ * routers that intercept clicks on real `<a>` tags to do `preventDefault` + push-state navigation.
+ * Rendering hidden links any other way (e.g. `window.location`) would silently break client-side
+ * routing for hidden crumbs while working fine for visible ones. Hidden items without an `href`
+ * render as plain non-interactive text, matching how `bs-breadcrumb` itself handles link vs.
+ * no-link crumbs.
+ *
+ * Sets `role="listitem"` on the host, mirroring Carbon's own `CDSBreadcrumbItem.connectedCallback()`
+ * -- since this is a custom-element child of a real `<ol>` rather than a real `<li>`, the
+ * accessibility tree needs this explicit role to preserve the list's semantics.
+ *
+ * ## When to use
+ * - Inside a `<bs-breadcrumbs>` trail, wherever the consumer wants an interactive disclosure for
+ *   crumbs they've chosen not to render directly.
+ *
+ * ## When not to use
+ * - As an automatic collapsing mechanism -- there is none; the consumer decides what's hidden.
+ *
+ * @slot - None: `items` fully drives the popup's contents.
+ * @part separator - The leading separator icon wrapper.
+ * @part ellipsis - The icon-only disclosure button.
+ * @part menu - The `bs-menu` popup revealed by the ellipsis button.
+ * @part link - Each anchor/span row inside the popup.
+ */
+export declare class BsBreadcrumbOverflow {
+    el: HTMLElement;
+    /** Array prop -- must be set as a JS property (`el.items = [...]`), not an HTML attribute, since
+     * attributes can only carry strings. See CONVENTIONS.md. The hidden crumbs reachable via this
+     * disclosure -- no collapsing logic here, the consumer decides what goes in this list. */
+    items: BsBreadcrumbOverflowItem[];
+    /** Accessible name (`aria-label`) for the icon-only ellipsis trigger button. */
+    overflowLabel: string;
+    /** Size variant. Normally set automatically by a parent `<bs-breadcrumbs size="...">` -- see
+     * `bs-breadcrumb`'s identical `size` prop doc comment for why this is propagated as a JS
+     * property rather than inherited via CSS. Scales the popup rows' font-size/line-height only; the
+     * separator/ellipsis icons' pixel sizes are unchanged. Reflected so consumers/CSS can target
+     * `bs-breadcrumb-overflow[size="sm"]`. */
+    size: BsBreadcrumbSize;
+    /** Whether the overflow popup is open. */
+    open: boolean;
+    private onEllipsisToggle;
+    /** Closes the overflow popup on Escape, from anywhere within the component -- host is the
+     * default @Listen target, so this fires whether focus is on the ellipsis button itself or on a
+     * link inside the popup. Mirrors `bs-input`'s `type="dropdown"` `onHostKeydown`. */
+    onHostKeydown(ev: KeyboardEvent): void;
+    /** Closes the overflow popup once focus leaves the component entirely (e.g. Tab away, or a click
+     * outside that moves focus elsewhere) -- `focusout` is composed, so it bubbles across the
+     * `bs-menu` shadow boundary too. Mirrors `bs-input`'s `type="dropdown"` `onHostFocusOut`. */
+    onHostFocusOut(ev: FocusEvent): void;
+    render(): any;
+}

package/dist/types/components/bs-breadcrumb/bs-breadcrumbs/bs-breadcrumbs.cmp.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/bs-breadcrumb/bs-breadcrumbs/bs-breadcrumbs.d.ts

@@ -0,0 +1,45 @@
+import type { BsBreadcrumbSize } from '../bs-breadcrumb/bs-breadcrumb';
+/**
+ * A breadcrumb trail container: a real `<nav>` landmark wrapping an `<ol>`, meant to be populated
+ * with slotted `<bs-breadcrumb>` (and, where the consumer wants a collapsed-items disclosure,
+ * `<bs-breadcrumb-overflow>`) children -- same composition-over-configuration architecture as
+ * Carbon Design System's `cds-breadcrumb`/`cds-breadcrumb-item`/`cds-breadcrumb-link`.
+ *
+ * This component is intentionally thin: it owns only the `<nav>` landmark and list semantics.
+ * Unlike an earlier `items`-array-driven design, there is no automatic collapsing here -- exactly
+ * like Carbon, the consumer decides what's visible and manually places a `<bs-breadcrumb-overflow>`
+ * wherever they want a collapsed-items disclosure. See `bs-breadcrumbs.mdx` for the consolidated
+ * docs covering all three components in this feature area.
+ *
+ * ## When to use
+ * - Showing a user's current location within a hierarchical page structure, with a path back to
+ *   its ancestors.
+ *
+ * ## When not to use
+ * - Primary in-app navigation -- use `bs-navigation-drawer`/`bs-navigation-header` instead.
+ * - A flat set of unrelated pages with no hierarchy -- breadcrumbs imply ancestry, not just history.
+ *
+ * @slot - Default slot: the trail's crumbs, `<bs-breadcrumb>` and/or `<bs-breadcrumb-overflow>`
+ * elements, in visual order.
+ * @part list - The `<ol>` element.
+ */
+export declare class BsBreadcrumbs {
+    el: HTMLElement;
+    /** Accessible name for the `<nav>` landmark, via `aria-label`. Same pattern as
+     * `bs-navigation-drawer`'s `heading` prop. */
+    label: string;
+    /** Size variant, propagated as a JS property to every slotted `bs-breadcrumb`/
+     * `bs-breadcrumb-overflow` child -- this container has no visual sizing of its own (font/spacing
+     * live on the item components, see `bs-breadcrumb.tsx`'s identical `size` prop), so propagation
+     * is the only way setting `size` here reaches every crumb. CSS custom properties can't carry an
+     * enum that switches rules on their own, which is why this is pushed via JS property instead of
+     * CSS inheritance -- same reasoning as `bs-tabs` setting `selected` directly on its slotted
+     * `bs-tab`/`bs-inline-tab` children. Re-propagated on `size` changes and whenever the slotted
+     * children change (e.g. a crumb added later). */
+    size: BsBreadcrumbSize;
+    onSizeChange(size: BsBreadcrumbSize): void;
+    componentDidLoad(): void;
+    private onSlotChange;
+    private propagateSize;
+    render(): any;
+}

package/dist/types/components/bs-breadcrumb/bs-breadcrumbs/bs-breadcrumbs.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+type BsBreadcrumbsSize = 'sm' | 'md';
+interface BsBreadcrumbsArgs {
+    label: string;
+    size: BsBreadcrumbsSize;
+}
+declare const meta: Meta<BsBreadcrumbsArgs>;
+export default meta;
+type Story = StoryObj<BsBreadcrumbsArgs>;
+export declare const Default: Story;
+export declare const Small: Story;
+export declare const WithOverflow: Story;
+export declare const NonLinkCrumb: Story;
+export declare const OverflowFirst: Story;

package/dist/types/components/bs-button/bs-button/bs-button.cmp.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/bs-button/{bs-button.d.ts → bs-button/bs-button.d.ts}

@@ -28,6 +28,11 @@ export type BsButtonSize = 'sm' | 'md' | 'lg';
  * @prop --bs-button-height-sm - Height at `size="sm"`. Aliased to `--bs-spacing-500`.
  * @prop --bs-button-height-md - Height at `size="md"`. Aliased to `--bs-spacing-600`.
  * @prop --bs-button-height-lg - Height at `size="lg"`. Aliased to `--bs-spacing-700`.
+ * @prop --bs-button-neutral-border - Border color, `variant="neutral"`, default/disabled. Aliased to `--bs-border-neutral-container`.
+ * @prop --bs-button-neutral-border-hover - Border color, `variant="neutral"`, hover. Aliased to `--bs-border-neutral-container-hover`.
+ * @prop --bs-button-neutral-border-pressed - Border color, `variant="neutral"`, pressed. Aliased to `--bs-border-neutral-container-pressed`.
+ * @prop --bs-button-padding-x-icon-side - Horizontal padding on an edge that's adjacent to a leading/trailing icon (tighter than the plain text-only edge). Aliased to `--bs-spacing-150`.
+ * @prop --bs-button-padding-x-label-side - Horizontal padding on the opposite edge, when an icon on the other side needs compensating extra space to keep the button optically balanced. Aliased to `--bs-spacing-250`.
  */
 export declare class BsButton {
     el: HTMLElement;

package/dist/types/components/bs-button/{bs-button.stories.d.ts → bs-button/bs-button.stories.d.ts}

@@ -23,7 +23,5 @@ export declare const NeutralDisabled: Story;
 export declare const Sizes: Story;
 export declare const WithIcon: Story;
 export declare const WithEndIcon: Story;
-export declare const IconOnly: Story;
-export declare const LongLabel: Story;
 export declare const AllCombinations: Story;
 export declare const Skeleton: Story;

package/dist/types/components/bs-button/bs-icon-button/bs-icon-button.cmp.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/bs-button/bs-icon-button/bs-icon-button.d.ts

@@ -0,0 +1,51 @@
+export type BsIconButtonVariant = 'primary' | 'neutral' | 'error' | 'subtle' | 'outlined' | 'success' | 'warning' | 'info';
+export type BsIconButtonSize = 'xs' | 'sm' | 'md' | 'lg';
+/**
+ * A clickable, icon-only action element -- the icon-only sibling of `bs-button`, sharing the same
+ * 8 visual variants and color language, but ALWAYS rendering just a single icon, never a label.
+ *
+ * ## When to use
+ * - A compact action where the icon alone is unambiguous (e.g. a close/dismiss control, a toolbar
+ *   action) and adding a text label would take up more space than the context allows.
+ * - The same variant guidance as `bs-button` applies: `primary` for the single most important
+ *   action, `neutral`/`subtle`/`outlined` for lower-emphasis alternatives, `error` reserved for
+ *   destructive/irreversible actions (never `neutral`, per BrandSync guidance), `success`/
+ *   `warning`/`info` only when the action's own outcome is predictable and clearly communicated.
+ *
+ * ## When not to use
+ * - When the action isn't self-evident from the icon alone -- use `bs-button` with a visible label
+ *   instead, don't rely on a tooltip to compensate for an unclear icon.
+ * - For navigation between pages -- use a link/nav component instead.
+ *
+ * Because this component is always icon-only, `ariaLabel` is required for every real usage (not
+ * just conditionally, unlike `bs-button`) -- there's no visible label text to fall back on for an
+ * accessible name.
+ *
+ * @slot - Default slot: the icon content. Exactly one icon, no label.
+ * @part icon - The icon wrapper element.
+ */
+export declare class BsIconButton {
+    el: HTMLElement;
+    /**
+     * Visual style. Maps to the same semantic token families as `bs-button`'s `variant`.
+     * `error` is for destructive/irreversible actions per BrandSync guidance, not a stronger
+     * emphasis alternative to `primary`.
+     */
+    variant: BsIconButtonVariant;
+    /** Sizing scale. `xs` (16px, an 8px icon) is a distinct, much smaller tier meant for compact
+     * chip/tag "remove" controls, not just a smaller toolbar button -- verified against a separate
+     * Figma redline (EG BrandSync UI Kit v1.5, node 20731:18427) from the one `sm`/`md`/`lg` were
+     * built against. */
+    size: BsIconButtonSize;
+    /** Disables the button and applies the disabled token set. */
+    disabled: boolean;
+    /** Native `<button>` type. */
+    type: 'button' | 'submit' | 'reset';
+    /**
+     * Accessible name for the button. Required -- this component is always icon-only, so there's
+     * no visible label text for screen readers to fall back on. Stencil reflects this camelCase
+     * prop to the `aria-label` HTML attribute automatically.
+     */
+    ariaLabel: string | null;
+    render(): any;
+}

package/dist/types/components/bs-button/bs-icon-button/bs-icon-button.stories.d.ts

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+import type { BsIconButtonVariant, BsIconButtonSize } from './bs-icon-button';
+interface BsIconButtonArgs {
+    variant: BsIconButtonVariant;
+    size: BsIconButtonSize;
+    disabled: boolean;
+    type: 'button' | 'submit' | 'reset';
+    ariaLabel: string;
+}
+declare const meta: Meta<BsIconButtonArgs>;
+export default meta;
+type Story = StoryObj<BsIconButtonArgs>;
+export declare const Primary: Story;
+export declare const Sizes: Story;
+export declare const Disabled: Story;
+export declare const AllCombinations: Story;

package/dist/types/components/bs-button-skeleton/bs-button-skeleton.d.ts

@@ -1,4 +1,4 @@
-import type { BsButtonSize } from '../bs-button/bs-button';
+import type { BsButtonSize } from '../bs-button/bs-button/bs-button';
 /**
  * A shape-matched loading placeholder for `bs-button`, shown while the real label/action isn't
  * known yet (e.g. still being fetched from an API). Sized to match `bs-button`'s `sm`/`md`/`lg`

package/dist/types/components/bs-button-skeleton/bs-button-skeleton.stories.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/web-components-vite';
-import type { BsButtonSize } from '../bs-button/bs-button';
+import type { BsButtonSize } from '../bs-button/bs-button/bs-button';
 interface BsButtonSkeletonArgs {
     size: BsButtonSize;
 }

package/dist/types/components/bs-card/bs-card.d.ts

@@ -10,10 +10,14 @@ export type BsCardSurface = 'base' | 'raised' | 'container';
  * - As the only structural element on a page — cards group content, they don't replace layout.
  * - For a dismissible/transient message — use a modal or a dedicated notification component.
  *
+ * @slot image - Optional hero image across the top of the card, flush with its edges and clipped
+ * to its top corners. Presence of assigned content is what shows it -- doesn't affect layout when
+ * empty.
  * @slot header - Optional heading content above the body.
  * @slot - Default slot: the card's main body content.
  * @slot footer - Optional actions/content below the body (e.g. a button).
- * @part container - The outer bordered surface element.
+ * @part container - The outer surface element.
+ * @part image - The hero image wrapper (only visible when the `image` slot has content).
  * @part header - The header wrapper.
  * @part body - The body wrapper.
  * @part footer - The footer wrapper.
@@ -22,5 +26,10 @@ export declare class BsCard {
     /** Maps to the brandsync-tokens `--bs-paper-bg-*` set — Brandsync's tokens don't have a
      * dedicated "card" component yet, so this reuses the existing Paper surface tokens. */
     surface: BsCardSurface;
+    /** Tracks whether the `image` slot has assigned content, so the image wrapper only reserves
+     * layout space (and clips its top corners) when there's actually an image -- same pattern as
+     * `bs-dialog`'s `hasImage`. */
+    hasImage: boolean;
+    private onImageSlotchange;
     render(): any;
 }

package/dist/types/components/bs-card/bs-card.stories.d.ts

@@ -8,3 +8,4 @@ type Story = StoryObj<BsCardArgs>;
 export declare const Raised: Story;
 export declare const Base: Story;
 export declare const Container: Story;
+export declare const WithImage: Story;

package/dist/types/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.cmp.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.d.ts

@@ -0,0 +1,36 @@
+import type { BsCheckboxSize } from '../bs-checkbox';
+/**
+ * A shape-matched loading placeholder for `bs-checkbox`, shown while the real label text isn't
+ * known yet (e.g. still being fetched from an API). Renders a small square (matching the
+ * checkbox's own box) beside a text-bar placeholder (standing in for the label), both pulsing
+ * together, sized to match `bs-checkbox`'s `sm`/`md`/`lg` box dimensions so layout doesn't shift
+ * once the real checkbox renders.
+ *
+ * ## When to use
+ * - In place of a `bs-checkbox` whose label/checked state depends on data that hasn't loaded yet.
+ *
+ * ## When not to use
+ * - While a checkbox's own change handler is running (e.g. a save request in flight) -- render the
+ *   real `bs-checkbox` itself; this component is not a saving-in-progress spinner.
+ *
+ * @part container - The outer wrapper holding both placeholder pieces.
+ * @part box - The pulsing placeholder standing in for the checkbox's own box.
+ * @part label - The pulsing placeholder bar standing in for the label text.
+ * @prop --bs-checkbox-skeleton-size-sm - Box width/height at `size="sm"`. Aliased to
+ *   `--bs-spacing-200`, mirroring `bs-checkbox`'s own `--bs-checkbox-size-sm` -- not read directly
+ *   from it, since these are two separate shadow roots.
+ * @prop --bs-checkbox-skeleton-size-md - Box width/height at `size="md"`. Aliased to
+ *   `--bs-spacing-250`.
+ * @prop --bs-checkbox-skeleton-size-lg - Box width/height at `size="lg"`. Aliased to
+ *   `--bs-spacing-300`.
+ * @prop --bs-checkbox-skeleton-gap - Gap between the box and label placeholders. Aliased to
+ *   `--bs-spacing-100`, mirroring `bs-checkbox`'s own `--bs-checkbox-gap`.
+ * @prop --bs-checkbox-skeleton-label-width - Width of the label placeholder bar. Defaults to
+ *   `96px`.
+ */
+export declare class BsCheckboxSkeleton {
+    /** Sizing scale, matching the `bs-checkbox` size it stands in for. Defaults to `lg`, the same
+     * (unusual) default `bs-checkbox` itself uses. */
+    size: BsCheckboxSize;
+    render(): any;
+}

package/dist/types/components/bs-checkbox/bs-checkbox-skeleton/bs-checkbox-skeleton.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/web-components-vite';
+import type { BsCheckboxSize } from '../bs-checkbox';
+interface BsCheckboxSkeletonArgs {
+    size: BsCheckboxSize;
+}
+declare const meta: Meta<BsCheckboxSkeletonArgs>;
+export default meta;
+type Story = StoryObj<BsCheckboxSkeletonArgs>;
+export declare const Default: Story;
+export declare const Sizes: Story;

package/dist/types/components/bs-checkbox/bs-checkbox.d.ts

@@ -41,6 +41,17 @@ export declare class BsCheckbox {
     /** Applies the error border/label-color treatment. This component's spec has no error message
      * text of its own (unlike `bs-input`'s `error: string`), so it's a plain boolean. */
     error: boolean;
+    /**
+     * Accessible name for the checkbox. Required whenever the default (label) slot is empty (e.g. a
+     * bare "select row" checkbox in a table) -- without it, the internal native `<input>` has no
+     * accessible name at all. Setting `aria-label` directly on the `<bs-checkbox>` host does NOT
+     * work for this: that attribute stays on the light-DOM host and is never forwarded into the
+     * shadow DOM by the browser, so the actual focusable element (the native `<input>` inside) stays
+     * nameless. This prop exists specifically to bridge that gap -- same pattern as `bs-button`'s and
+     * `bs-tab`'s identical `ariaLabel` prop, both of which explicitly bind it onto their own internal
+     * focusable element for the same reason.
+     */
+    ariaLabel: string | null;
     /** Emitted when the checked state changes via user interaction, with the new `checked` value. */
     bsChange: EventEmitter<boolean>;
     /** Keeps the native input's `.indeterminate` JS property in sync -- this can't be expressed as a

package/dist/types/components/bs-checkbox/bs-checkbox.stories.d.ts

@@ -12,6 +12,7 @@ declare const meta: Meta<BsCheckboxArgs>;
 export default meta;
 type Story = StoryObj<BsCheckboxArgs>;
 export declare const Default: Story;
+export declare const Horizontal: Story;
 export declare const Checked: Story;
 export declare const Indeterminate: Story;
 export declare const Disabled: Story;

package/dist/types/components/bs-composer/bs-composer.d.ts

@@ -28,7 +28,7 @@ export type BsComposerState = 'idle' | 'generating' | 'disabled' | 'recording';
  *   roughly match `--bs-composer-button-size` to align visually.
  * @part attachments - The wrapper around the `attachments` slot.
  * @part attach - The "+" attach button.
- * @part input - The native text `<input>`.
+ * @part input - The native text `<textarea>`.
  * @part mic - The secondary icon button (microphone, or the stop-recording square while `state="recording"`).
  * @part action - The primary circular action button (send, stop, or confirm depending on `state`).
  * @prop --bs-composer-radius - Corner radius of the container. Aliased to `--bs-border-radius-150`.
@@ -48,9 +48,11 @@ export type BsComposerState = 'idle' | 'generating' | 'disabled' | 'recording';
  * @prop --bs-composer-mic-icon-disabled - Aliased to `--bs-icon-disabled`.
  * @prop --bs-composer-subtle-hover - Background of the attach/mic buttons on hover (subtle-button treatment, same as `bs-button`'s `subtle` variant). Aliased to `--bs-color-neutral-container`.
  * @prop --bs-composer-subtle-pressed - Background of the attach/mic buttons when pressed. Aliased to `--bs-color-neutral-container-pressed`.
+ * @prop --bs-composer-input-max-lines - How many lines the text field grows to before scrolling internally instead of growing further. Aliased to `10`.
  */
 export declare class BsComposer {
     el: HTMLElement;
+    private inputEl?;
     /**
      * Which flavor of composer this is: changes the *default* placeholder text (set `placeholder`
      * directly to override it) and, per the Figma design, renders the container border dashed
@@ -61,7 +63,12 @@ export declare class BsComposer {
     /** Overrides the variant's default placeholder. */
     placeholder?: string;
     /** Current text value. Native `input` events don't cross the Shadow DOM boundary, so this
-     * component re-dispatches them as a `bsInput` custom event instead. */
+     * component re-dispatches them as a `bsInput` custom event instead.
+     *
+     * The field is a `<textarea>` (not a single-line `<input>`) that grows with its content, up to
+     * `--bs-composer-input-max-lines` (10 by default) -- beyond that it scrolls internally instead
+     * of growing further. Setting `value` as a prop (not just typing) also re-triggers the resize,
+     * so e.g. programmatically clearing the field after submit correctly shrinks it back down. */
     value: string;
     /**
      * Which of the four mutually-exclusive composer states to render: `idle` (send, enabled),
@@ -96,6 +103,23 @@ export declare class BsComposer {
      * before first render -- same reasoning as `bs-attachment`'s `componentWillLoad`: `slotchange`
      * alone never fires for a slot that starts out empty and stays that way. */
     componentWillLoad(): void;
+    componentDidLoad(): void;
+    /** Re-runs the auto-grow calculation after every re-render -- notably including a `value` prop
+     * change from the outside (e.g. a consumer clearing the field after submit, or pre-filling it),
+     * not just while the user is typing. This has to be `componentDidUpdate`, not a `@Watch('value')`
+     * callback: `@Watch` fires as soon as the prop is reassigned, which is BEFORE Stencil's next
+     * render actually pushes the new value into the textarea's DOM `.value` -- reading `scrollHeight`
+     * at that point still reflects the OLD content, so the resize would silently no-op. */
+    componentDidUpdate(): void;
+    /**
+     * Grows the textarea to fit its content, up to `--bs-composer-input-max-lines` worth of height
+     * (CSS `max-height` clamps the visual result and `overflow-y: auto` takes over beyond that --
+     * see bs-composer.css). Resetting `height` to `auto` first is required before reading
+     * `scrollHeight`, otherwise a shrinking edit (e.g. deleting a line) would never shrink the
+     * textarea back down -- `scrollHeight` only ever reports the larger of "current height" and
+     * "content height" if the height isn't cleared first.
+     */
+    private resizeInput;
     private onAttachmentsSlotchange;
     private onInput;
     private onAttachClick;

package/dist/types/components/bs-composer-status-banner/bs-composer-status-banner.d.ts

@@ -14,6 +14,13 @@ export type BsComposerStatusBannerType = 'error' | 'info' | 'neutral' | 'warning
  * - A toast/snackbar notification unrelated to the composer -- this component is not
  *   self-dismissing and has no positioning of its own (it's a static block, not an overlay).
  *
+ * ## Accessibility
+ * Sets `role="status"` for `type="info"`/`type="neutral"` and `role="alert"` for
+ * `type="error"`/`type="warning"` on its own root element automatically -- no opt-in prop needed.
+ * Both roles carry implicit ARIA live-region semantics (`status` is polite, `alert` is assertive),
+ * so a screen reader announces the message as soon as this banner is inserted into the DOM,
+ * without a consumer having to remember to add `role`/`aria-live` themselves.
+ *
  * @slot icon - Overrides the default leading icon. Only rendered when `showIcon` is true.
  * @part icon - The leading icon wrapper.
  * @part message - The message text.
@@ -84,5 +91,12 @@ export declare class BsComposerStatusBanner {
     bsClose: EventEmitter<void>;
     private onActionClick;
     private onCloseClick;
+    /** `error`/`warning` need immediate, interrupting announcement (`alert`); `info`/`neutral` only
+     * need a polite one (`status`) -- matches the Figma Accessibility guidelines for this component. */
+    private roleForType;
+    /** Clock reads as "waiting/pending", a reasonable default for info/neutral notices -- but is a
+     * weak match for error/warning, which get a warning-triangle icon instead. Either default is
+     * still overridable via the `icon` slot. */
+    private renderDefaultIcon;
     render(): any;
 }

package/dist/types/components/bs-dialog/bs-dialog.cmp.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/bs-dialog/bs-dialog.d.ts

@@ -0,0 +1,74 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type BsDialogSize = 'sm' | 'md' | 'lg';
+/**
+ * An overlay dialog that interrupts the current flow for a focused task or confirmation.
+ * Closes itself on backdrop click, Escape, or its own close button, and emits `bsClose`.
+ *
+ * ## When to use
+ * - Confirming a consequential action (e.g. "Confirm booking") before it takes effect.
+ * - A short, focused task that doesn't warrant navigating to a new page.
+ *
+ * ## When not to use
+ * - For non-blocking status messages — use a toast/notification instead of interrupting the user.
+ * - For a long, multi-step flow — a full page or a dedicated route is usually a better fit than a
+ *   dialog that just gets taller and taller.
+ *
+ * Two additional slots cover the Figma "Dialog" component's other states: `image` (a hero image
+ * across the top, close button floats over it instead of sitting in the header row) and `icon`
+ * (only rendered when `centered` is set, e.g. a success checkmark above a centered heading). The
+ * close button "floats" (absolute-positioned, top-right of the dialog, with its own background)
+ * whenever `centered` is true or the `image` slot has content -- otherwise it's the plain inline
+ * button in the header row next to the heading, same as before this addition.
+ *
+ * @slot - Default slot: the dialog body content.
+ * @slot image - Optional hero image across the top of the dialog. Presence of assigned content
+ * switches the close button to float over it; doesn't affect layout when empty.
+ * @slot icon - Optional icon shown above the heading, only rendered at all when `centered` is true.
+ * @slot footer - Optional footer content (typically action buttons).
+ * @part backdrop - The full-viewport overlay behind the dialog.
+ * @part dialog - The dialog box itself.
+ * @part image - The hero image wrapper (only visible when the `image` slot has content).
+ * @part icon - The icon wrapper (only rendered when `centered` is true).
+ * @part header - The header row (heading + close button, when the close button isn't floating).
+ * @part close - The close button (inline in the header, or floating -- see the class doc above).
+ * @part body - The body content wrapper.
+ * @part footer - The footer wrapper (only visible when the footer slot has content).
+ */
+export declare class BsDialog {
+    /** Mutable + reflected so the component can close itself (backdrop click, Escape, close button)
+     * the same way a native `<dialog>` does, while still emitting `bsClose` for the consumer to react to. */
+    open: boolean;
+    heading?: string;
+    size: BsDialogSize;
+    /** Switches to the Figma "Icon Centered" layout: heading/body text centered, the `icon` slot
+     * rendered above the heading, and the close button floating top-right of the dialog instead of
+     * inline in the header row. Doesn't hide a slotted `image` if one is also provided -- Figma's
+     * spec doesn't show the two combined, so this is unspecified rather than actively blocked.
+     * Reflected so consumers/CSS can target `bs-dialog[centered]`. */
+    centered: boolean;
+    bsClose: EventEmitter<void>;
+    /** Tracks whether the `footer` slot has assigned content, so the footer bar (border + padding)
+     * only renders when there's actually something to put in it. */
+    hasFooter: boolean;
+    /** Tracks whether the `image` slot has assigned content -- drives both whether the image wrapper
+     * is visible and whether the close button floats over it (see `floatingClose` in `render()`). */
+    hasImage: boolean;
+    /** Tracks whether the `icon` slot has assigned content, so the icon wrapper only reserves layout
+     * space when there's actually an icon -- same pattern as `bs-tab`'s `hasIcon`. Only relevant when
+     * `centered` is true, since the icon wrapper isn't rendered at all otherwise. */
+    hasIcon: boolean;
+    private onFooterSlotchange;
+    private onImageSlotchange;
+    private onIconSlotchange;
+    private dialogRef?;
+    private previouslyFocused?;
+    private previousBodyOverflow?;
+    private wasOpen;
+    private close;
+    onKeydown(ev: KeyboardEvent): void;
+    private onBackdropClick;
+    onFocusIn(ev: FocusEvent): void;
+    componentDidRender(): void;
+    disconnectedCallback(): void;
+    render(): any;
+}

package/dist/types/components/{bs-modal/bs-modal.stories.d.ts → bs-dialog/bs-dialog.stories.d.ts}

@@ -1,9 +1,11 @@
 import type { Meta, StoryObj } from '@storybook/web-components-vite';
-interface BsModalArgs {
+interface BsDialogArgs {
     heading: string;
     size: 'sm' | 'md' | 'lg';
 }
-declare const meta: Meta<BsModalArgs>;
+declare const meta: Meta<BsDialogArgs>;
 export default meta;
-type Story = StoryObj<BsModalArgs>;
+type Story = StoryObj<BsDialogArgs>;
 export declare const Default: Story;
+export declare const WithImage: Story;
+export declare const Centered: Story;

package/dist/types/components/bs-input/bs-input.d.ts

@@ -25,6 +25,12 @@ import { EventEmitter } from '../../stencil-public-runtime';
  *   toggle), or `dropdown` (chevron) -- those types always render their own trailing control there.
  *   For `type="date"`, the slot is used if provided, otherwise a default calendar icon is shown.
  * @part field - The bordered field wrapper containing the icon(s) and native control(s).
+ *   `type="initials"` renders this part on TWO separate elements instead of one (the title
+ *   `<select>`'s own small box, and the name `<input>`'s own box) -- Figma specs these as two
+ *   genuinely independent bordered containers with a gap between them, not one shared field the
+ *   way every other composite type (`country` included) renders, so `::part(field)` reaches
+ *   whichever of the two a given selector context matches, same "multiple elements, one shared
+ *   part name" convention as `bs-attachment`'s own `star` part.
  * @part menu - The `bs-menu` rendered below the field for `type="dropdown"` when `open` and
  *   `options` is non-empty.
  * @part label - The `<label>` element.
@@ -157,7 +163,8 @@ export declare class BsInput {
     private renderSelectControl;
     private renderTextareaControl;
     private renderChipControl;
-    private renderInitialsControl;
+    private renderInitialsField;
+    private renderSelectChevron;
     private renderCountryControl;
     private renderControl;
     private renderField;

package/dist/types/components/bs-logo/brandsync-logo-full-dark.d.ts

@@ -0,0 +1 @@
+export declare const BRANDSYNC_LOGO_FULL_DARK_SVG = "<svg width=\"190.0\" height=\"44\" viewBox=\"0 0 190.0 44\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g id=\"Group\">\n<path id=\"Vector\" d=\"M35.2 44H8.8C3.93938 44 0 40.0606 0 35.2V8.8C0 3.93938 3.93938 0 8.8 0H35.2C40.0606 0 44 3.93938 44 8.8V35.2C44 40.0606 40.0606 44 35.2 44Z\" fill=\"white\"/>\n<path id=\"Vector_2\" d=\"M18.6038 21.5067L21.5067 18.6038C21.7748 18.3356 22.2097 18.3356 22.4795 18.6038L25.3963 21.5205C25.6644 21.7886 25.6644 22.2252 25.3963 22.4933L22.4933 25.3962C22.2252 25.6644 21.7886 25.6644 21.5205 25.3962L18.6038 22.4795C18.3356 22.2114 18.3356 21.7748 18.6038 21.5067Z\" fill=\"#57B1FF\"/>\n<path id=\"Vector_3\" d=\"M15.6423 12.6586L6.7925 21.5084C6.52438 21.7766 6.52438 22.2114 6.7925 22.4813L9.82782 25.5166C10.0959 25.7847 10.5308 25.7847 10.8006 25.5166L19.6505 16.6667C19.9186 16.3986 19.9186 15.962 19.6505 15.6939L16.6152 12.6586C16.347 12.3905 15.9105 12.3905 15.6423 12.6586Z\" fill=\"#57B1FF\"/>\n<path id=\"Vector_4\" d=\"M28.3559 31.3414L37.2161 22.4813C37.4842 22.2131 37.4842 21.7766 37.2161 21.5084L34.1808 18.4731C33.9127 18.205 33.4778 18.205 33.208 18.4731L24.3478 27.3333C24.0797 27.6014 24.0797 28.038 24.3478 28.3061L27.3831 31.3414C27.6513 31.6095 28.0878 31.6095 28.3559 31.3414Z\" fill=\"#57B1FF\"/>\n<path id=\"Vector_5\" d=\"M28.3577 12.6586L37.2075 21.5084C37.4756 21.7766 37.4756 22.2114 37.2075 22.4813L34.1722 25.5166C33.9041 25.7847 33.4692 25.7847 33.1994 25.5166L24.3495 16.6667C24.0814 16.3986 24.0814 15.962 24.3495 15.6939L27.3848 12.6586C27.653 12.3905 28.0895 12.3905 28.3577 12.6586Z\" fill=\"#1B85FF\"/>\n<path id=\"Vector_6\" d=\"M15.6441 31.3414L6.78391 22.4813C6.51578 22.2131 6.51578 21.7766 6.78391 21.5084L9.81922 18.4731C10.0873 18.205 10.5222 18.205 10.792 18.4731L19.6522 27.3333C19.9203 27.6014 19.9203 28.038 19.6522 28.3061L16.6169 31.3414C16.3488 31.6095 15.9122 31.6095 15.6441 31.3414Z\" fill=\"#1B85FF\"/>\n</g>\n<g transform=\"translate(60, 11.3308)\">\n<g id=\"Group\">\n<path id=\"Vector\" d=\"M58.4306 4.455C57.2773 4.455 56.1223 4.55125 55.0017 4.74203C54.5222 4.81078 54.4225 5.08063 54.4225 5.29547V6.06547C54.4225 6.24766 54.4912 6.55531 54.9553 6.55531H55.0773C56.3286 6.43672 57.4252 6.38 58.4306 6.38C59.2591 6.38 59.84 6.55016 60.1562 6.88703C60.4811 7.2325 60.6461 7.85297 60.6461 8.72781V9.47031H59.1559C57.2223 9.47031 55.8199 9.76766 54.9863 10.3538C54.1441 10.945 53.7178 11.8938 53.7178 13.1708V13.4355C53.7178 14.1384 53.8141 14.7159 54.0134 15.2023C54.218 15.7008 54.4981 16.0789 54.8728 16.3608C55.2802 16.6667 55.6411 16.8506 56.0416 16.9555C56.497 17.0758 56.968 17.1359 57.4406 17.1359C58.4547 17.1359 59.5203 16.8163 60.6908 16.158V16.4038C60.6908 16.5653 60.7441 16.6891 60.8627 16.8094C60.9812 16.928 61.1067 16.9813 61.2683 16.9813H62.2806C62.4422 16.9813 62.5659 16.928 62.6863 16.8094C62.8048 16.6908 62.8581 16.5653 62.8581 16.4038V8.72781C62.8581 7.35625 62.4972 6.28719 61.7856 5.55328C61.0706 4.81422 59.9723 4.455 58.4323 4.455M55.9281 13.1484C55.9281 12.4094 56.1498 11.8714 56.5709 11.5913C56.8872 11.3816 57.5902 11.1306 59.1559 11.1306H60.6461V14.453C59.6458 14.9927 58.6695 15.2763 57.8136 15.2763C57.1777 15.2763 56.6964 15.1388 56.3853 14.8706C56.0862 14.6111 55.9264 14.1058 55.9264 13.4131V13.1484H55.9281Z\" fill=\"white\"/>\n<path id=\"Vector_2\" d=\"M52.0747 4.455C51.0555 4.455 50.0827 4.76094 49.1116 5.39V5.18547C49.1116 5.02391 49.0583 4.90016 48.9397 4.77984C48.8314 4.67156 48.7334 4.60797 48.5564 4.60797H47.5234C47.3619 4.60797 47.2381 4.66125 47.1178 4.77984C46.9855 4.91219 46.9683 5.05313 46.9683 5.18547V16.4038C46.9683 16.5653 47.0216 16.6891 47.1402 16.8094C47.257 16.9263 47.3791 16.9813 47.5234 16.9813H48.6011C48.7627 16.9813 48.8864 16.928 49.0067 16.8094C49.1184 16.6994 49.1786 16.555 49.1786 16.4038V7.26688C50.1634 6.69281 51.138 6.40234 52.0764 6.40234C52.6178 6.40234 52.6763 6.04484 52.6763 5.89016V4.98781C52.6763 4.64922 52.458 4.455 52.0764 4.455\" fill=\"white\"/>\n<path id=\"Vector_3\" d=\"M42.6456 8.39266C43.2644 8.10219 43.7525 7.69484 44.1306 7.15688C44.5552 6.55188 44.7717 5.80766 44.7717 4.94484V4.5925C44.7717 1.68438 42.5563 0.209689 38.1889 0.209689C36.8913 0.209689 35.7088 0.269845 34.6792 0.38672C34.1378 0.438282 33.8508 0.766563 33.8508 1.33719V15.9861C33.8508 16.2886 33.9298 16.5395 34.0673 16.677C34.1963 16.8059 34.3888 16.885 34.693 16.9348C35.5438 17.0689 36.7245 17.1342 38.2989 17.1342C42.6525 17.1342 44.8594 15.5186 44.8594 12.3338V11.9591C44.8594 11.0911 44.6291 10.3177 44.1753 9.65938C43.7783 9.0836 43.2764 8.66594 42.6456 8.39094M36.1505 15.082V9.30531H39.4006C40.0331 9.30531 40.5591 9.3775 40.9613 9.51672C41.372 9.6611 41.7106 9.86906 41.9392 10.1183C42.1558 10.3555 42.3294 10.6425 42.4394 10.9519C42.5374 11.2269 42.5855 11.5569 42.5855 11.9608V12.3355C42.5855 12.8683 42.4875 13.3358 42.2916 13.7259C42.1094 14.0886 41.8258 14.3808 41.4459 14.5905C41.0678 14.8002 40.6244 14.9497 40.1259 15.0373C39.6292 15.1233 39.0156 15.168 38.3024 15.168C38.0841 15.168 37.7919 15.1559 37.4206 15.1388L37.0752 15.1233C36.8723 15.1147 36.6953 15.1061 36.5458 15.0992C36.3859 15.0923 36.2536 15.0855 36.1522 15.082M42.4961 4.94484C42.4961 6.61375 41.4837 7.425 39.4006 7.425H36.1505V2.23953C37.2952 2.19828 37.9809 2.17766 38.1906 2.17766C38.763 2.17766 39.2614 2.2 39.6722 2.24297C40.1414 2.29281 40.5367 2.36328 40.8822 2.45953C41.2517 2.56266 41.5456 2.70531 41.7777 2.89609C42.0372 3.10922 42.2022 3.31547 42.3105 3.56984C42.4359 3.86375 42.4978 4.19719 42.4978 4.59422V4.94656L42.4961 4.94484Z\" fill=\"white\"/>\n<path id=\"Vector_4\" d=\"M116.841 4.455C116.21 4.455 115.605 4.5375 115.043 4.7025C114.587 4.83484 114.087 5.04969 113.48 5.37281V5.18547C113.48 5.00328 113.412 4.88641 113.343 4.79531C113.252 4.675 113.104 4.60797 112.925 4.60797H111.825C111.664 4.60797 111.54 4.66125 111.42 4.77984C111.287 4.91219 111.27 5.05313 111.27 5.18547V16.4037C111.27 16.5653 111.323 16.6891 111.442 16.8094C111.559 16.9263 111.681 16.9813 111.825 16.9813H112.903C113.065 16.9813 113.188 16.928 113.309 16.8094C113.42 16.6977 113.48 16.555 113.48 16.4037V7.20672C114.568 6.67219 115.521 6.40063 116.313 6.40063C117.105 6.40063 117.707 6.6 118.057 6.99188C118.408 7.38375 118.594 8.13656 118.594 9.16609V16.402C118.594 16.5636 118.647 16.6873 118.766 16.8077C118.884 16.9263 119.01 16.9795 119.171 16.9795H120.227C120.388 16.9795 120.512 16.9263 120.632 16.8077C120.751 16.6891 120.804 16.5636 120.804 16.402V9.16609C120.804 6.03969 119.47 4.45328 116.839 4.45328\" fill=\"white\"/>\n<path id=\"Vector_5\" d=\"M109.022 4.60969H107.79C107.68 4.60969 107.566 4.65438 107.443 4.74719C107.331 4.83141 107.269 4.9225 107.238 5.04109L104.583 14.9909H104.337C104.271 14.9909 104.225 14.9755 104.192 14.9428C104.172 14.9222 104.103 14.8397 104.051 14.6077L101.456 5.06516C101.427 4.94656 101.367 4.83828 101.288 4.75922C101.191 4.66297 101.069 4.60969 100.949 4.60969H99.7391C99.4056 4.60969 99.2063 4.80047 99.2063 5.12188C99.2063 5.21125 99.2063 5.28172 99.2406 5.33672L102.159 15.3622C102.248 15.6939 102.36 15.9723 102.505 16.2113C102.652 16.457 102.773 16.6203 102.95 16.7217L103.022 16.7647C103.153 16.842 103.278 16.9142 103.412 16.9366C103.538 16.9572 103.727 16.983 103.919 16.983H104.051L103.873 17.7152C103.703 18.437 103.476 18.9148 103.195 19.1348C102.905 19.3634 102.444 19.4786 101.829 19.4786C101.503 19.4786 100.83 19.4339 99.8834 19.348H99.8044C99.3455 19.348 99.2492 19.6144 99.2492 19.8361V20.6508C99.2492 20.7608 99.3042 21.0272 99.8198 21.1372C100.42 21.2713 101.052 21.3383 101.697 21.3383C102.57 21.3383 103.276 21.2231 103.797 20.9963C104.313 20.7728 104.732 20.4153 105.045 19.9341C105.337 19.4855 105.609 18.8289 105.853 17.9833L109.476 5.33672C109.51 5.28 109.51 5.21125 109.51 5.12188C109.51 5.02219 109.496 4.87609 109.381 4.76094C109.283 4.66297 109.158 4.61141 109.02 4.61141\" fill=\"white\"/>\n<path id=\"Vector_6\" d=\"M127.652 6.42297C128.631 6.42297 129.518 6.47281 130.362 6.57594H130.467C130.567 6.57594 130.713 6.56391 130.828 6.44875C130.902 6.37484 130.977 6.27688 130.977 6.11016V5.31781C130.977 5.1786 130.962 5.005 130.848 4.88984C130.776 4.81766 130.642 4.72484 130.422 4.69734C129.451 4.53578 128.52 4.45328 127.65 4.45328C126.125 4.45328 124.929 4.95859 124.092 5.95375C123.241 6.96438 122.829 8.26719 122.829 9.9361V11.6514C122.829 13.3186 123.243 14.6214 124.092 15.6338C124.929 16.6289 126.127 17.1342 127.65 17.1342C128.554 17.1342 129.461 17.0552 130.417 16.8919C130.642 16.8644 130.776 16.7716 130.848 16.6994C130.962 16.5859 130.977 16.4106 130.977 16.2714V15.4791C130.977 15.3123 130.902 15.2144 130.828 15.1405C130.713 15.0253 130.567 15.0116 130.467 15.0116H130.364C129.456 15.1147 128.569 15.1663 127.652 15.1663C125.893 15.1663 125.039 14.0164 125.039 11.6531V9.93781C125.039 7.57281 125.893 6.42469 127.652 6.42469\" fill=\"white\"/>\n<path id=\"Vector_7\" d=\"M85.8808 0.165001H84.7584C84.5969 0.165001 84.4731 0.218282 84.3528 0.336876C84.2205 0.46922 84.2033 0.605001 84.2033 0.720158V4.6475C83.4213 4.51688 82.6237 4.45328 81.7678 4.45328C80.1573 4.45328 78.9164 4.93453 78.0794 5.885C77.2544 6.82172 76.835 8.20016 76.835 9.97906V11.562C76.835 13.2739 77.2458 14.642 78.0536 15.6303C78.8683 16.6272 80.1178 17.1325 81.7678 17.1325C83.1995 17.1325 84.5694 17.0053 85.8327 16.7578C85.9805 16.7389 86.1884 16.6977 86.3002 16.5498C86.3809 16.4416 86.4153 16.3127 86.4153 16.115V0.718439C86.4153 0.586095 86.3964 0.445157 86.2658 0.312814C86.1334 0.18047 85.9977 0.163282 85.8825 0.163282M84.2033 6.55531V15.0459C83.2047 15.125 82.3642 15.168 81.7678 15.168C80.7641 15.168 80.0748 14.8844 79.6589 14.3017C79.2464 13.7242 79.047 12.8305 79.047 11.5655V9.9825C79.047 8.78625 79.2602 7.88047 79.6813 7.29094C80.0972 6.70828 80.7812 6.42469 81.7695 6.42469C82.8902 6.42469 83.6705 6.46594 84.205 6.55703\" fill=\"white\"/>\n<path id=\"Vector_8\" d=\"M95.028 7.99391L93.005 6.78391C92.1216 6.25453 91.5028 5.8025 91.1642 5.44328C90.8394 5.09781 90.6744 4.69219 90.6744 4.24016C90.6744 3.51656 90.8978 3.02156 91.3584 2.72766C91.8174 2.43547 92.6286 2.28766 93.7698 2.28766C95.0022 2.28766 96.238 2.33063 97.5528 2.42H97.5975C97.735 2.42 97.8605 2.36844 97.9584 2.27047C98.0323 2.19656 98.108 2.09688 98.108 1.93188V0.986563C98.108 0.720157 97.9309 0.534532 97.6164 0.476094C96.4494 0.299063 95.1552 0.211407 93.7681 0.211407C92.0494 0.211407 90.7053 0.544845 89.7738 1.20485C88.8319 1.87172 88.3747 2.86516 88.3747 4.24188C88.3747 5.12016 88.6291 5.88844 89.1292 6.52609C89.6466 7.18438 90.4578 7.85813 91.4753 8.47172L93.6083 9.76938C94.6086 10.3864 95.303 10.8969 95.6708 11.287C96.0111 11.6463 96.183 12.0897 96.183 12.6002C96.183 13.3822 95.9406 14.0164 95.48 14.4341C95.0245 14.8483 94.1823 15.058 92.9775 15.058C91.5802 15.058 90.3633 15.0133 89.3595 14.9256H89.2822C89.1825 14.9256 89.0364 14.9377 88.9212 15.0528C88.8233 15.1508 88.7717 15.2762 88.7717 15.4137V16.2937C88.7717 16.4777 88.8078 16.6066 88.8783 16.677C88.9728 16.7716 89.1894 16.8111 89.3063 16.8266C90.6709 17.0345 91.8723 17.1359 92.9775 17.1359C93.8283 17.1359 94.588 17.0448 95.2359 16.8678C95.9234 16.677 96.4494 16.4484 96.8413 16.1648C97.2606 15.8623 97.5786 15.5375 97.8433 15.1405C98.1148 14.7331 98.3005 14.3172 98.3916 13.9064C98.4981 13.4234 98.548 13.0092 98.548 12.6002C98.548 11.6669 98.2799 10.847 97.7488 10.163C97.2039 9.45828 96.3119 8.75016 95.028 7.99562\" fill=\"white\"/>\n<path id=\"Vector_9\" d=\"M70.8469 4.455C70.2161 4.455 69.6111 4.5375 69.0491 4.7025C68.5936 4.83484 68.0934 5.04969 67.4867 5.37281V5.18547C67.4867 5.00328 67.418 4.88641 67.3492 4.79531C67.2581 4.675 67.1103 4.60797 66.9316 4.60797H65.8316C65.67 4.60797 65.5463 4.66125 65.4259 4.77984C65.2936 4.91219 65.2764 5.05313 65.2764 5.18547V16.4037C65.2764 16.5653 65.3297 16.6891 65.4483 16.8094C65.5652 16.9263 65.6872 16.9813 65.8316 16.9813H66.9092C67.0708 16.9813 67.1945 16.928 67.3148 16.8094C67.4266 16.6994 67.4867 16.555 67.4867 16.4037V7.20672C68.5747 6.67219 69.5269 6.40063 70.3192 6.40063C71.1116 6.40063 71.7131 6.6 72.0638 6.99188C72.4144 7.38375 72.6 8.13656 72.6 9.16609V16.402C72.6 16.5636 72.6533 16.6873 72.7719 16.8077C72.8905 16.928 73.0159 16.9795 73.1775 16.9795H74.2328C74.3944 16.9795 74.5181 16.9263 74.6384 16.8077C74.757 16.6891 74.8103 16.5636 74.8103 16.402V9.16609C74.8103 6.03969 73.4766 4.45328 70.8452 4.45328\" fill=\"white\"/>\n<path id=\"Vector_10\" d=\"M4.96032 17.2288C3.33438 17.2288 2.09172 16.8816 1.265 16.1975C0.426254 15.5014 9.53674e-07 14.3791 9.53674e-07 12.8631V4.39484C9.53674e-07 2.87719 0.426254 1.75484 1.265 1.06047C2.09 0.376407 3.33438 0.0292195 4.96032 0.0292195C8.84813 0.0292195 10.132 0.0687515 11.1117 0.161564C11.3231 0.16672 11.4366 0.336876 11.4744 0.393595C11.5483 0.505314 11.5861 0.623908 11.5861 0.74422V1.84422C11.5861 2.0075 11.5363 2.13985 11.44 2.2361C11.3472 2.32891 11.2114 2.38219 11.0705 2.38219H4.98266C4.27625 2.38219 3.72625 2.45781 3.34469 2.60563C3.01297 2.73453 2.805 2.90984 2.70532 3.14016C2.60047 3.38422 2.55063 3.78469 2.55063 4.39484V7.1775H10.6373C10.835 7.1775 10.9948 7.24453 11.1392 7.39063C11.2836 7.535 11.3523 7.69484 11.3523 7.8925V8.72781C11.3523 8.92547 11.2853 9.08531 11.1392 9.22969C10.9948 9.37406 10.835 9.44281 10.6373 9.44281H2.55063V12.8631C2.55063 13.475 2.59875 13.8737 2.70532 14.1178C2.80329 14.3481 3.01297 14.5234 3.34469 14.6523C3.70907 14.7933 4.10438 14.8758 5.36938 14.8758H11.0705C11.2131 14.8758 11.3489 14.9291 11.4417 15.0219C11.538 15.1181 11.5878 15.2505 11.5878 15.4138V16.5361C11.5878 16.6564 11.55 16.775 11.4761 16.8867C11.4383 16.9434 11.3248 17.1136 11.1048 17.1188C10.3469 17.1892 8.81719 17.2288 6.80454 17.2288H4.96204H4.96032Z\" fill=\"white\"/>\n<path id=\"Vector_11\" d=\"M26.8623 8.94094V16.1906C26.8623 16.6547 26.6114 16.7406 26.5048 16.7716C26.4498 16.7888 24.2086 17.2838 20.5717 17.2838C16.2456 17.2838 12.9095 14.8139 12.9095 10.3813C12.9095 9.96875 12.9044 9.8175 12.9044 7.08125C12.9044 1.32859 17.3542 1.07288e-06 20.8209 1.07288e-06C23.9456 1.07288e-06 25.0491 0.266407 26.2281 0.445157C26.3398 0.462344 26.4413 0.495001 26.5255 0.541408C26.5891 0.575783 26.6441 0.618751 26.6905 0.666876C26.785 0.766563 26.84 0.897189 26.84 1.05016V2.15531C26.84 2.25844 26.8073 2.57125 26.4327 2.64C26.3863 2.64859 26.333 2.65375 26.2745 2.65375C26.2745 2.65375 26.1834 2.65375 26.1577 2.65031C25.9428 2.63141 23.6569 2.36844 21.0203 2.36844C17.3663 2.36844 15.467 3.92734 15.467 7.23594V10.1372C15.467 13.5541 17.7255 14.9428 20.6903 14.9428C23.0244 14.9428 24.2963 14.7177 24.2963 14.7177V10.5016H22.715C22.3953 10.5016 22.0017 10.2678 22.0017 9.8725C22.0017 9.47719 21.9966 9.45828 21.9966 8.94266C21.9966 8.42703 22.4056 8.22422 22.715 8.22422H26.1645C26.5822 8.22422 26.8606 8.57485 26.8606 8.94266\" fill=\"white\"/>\n</g>\n</g>\n</svg>";