@db-ux/react-core-components 3.0.2-copilot2-e7bf98b → 3.0.2-shell2-badc28f

package/agent/Section.md

@@ -1,32 +0,0 @@
-
-
-# Section Examples (react)
-
-```tsx
-import * as React from "react";
-import { DBSection } from "@db-ux/react-react-core-components";
-
-function Section(props: any) {
-  return (
-    <>
-      <h1>DBSection Documentation Examples</h1>
-      <h2>1. Default Section</h2>
-      <DBSection>Default Section</DBSection>
-      <h2>2. Spacing Variants</h2>
-      <DBSection spacing="medium">Medium Spacing</DBSection>
-      <DBSection spacing="small">Small Spacing</DBSection>
-      <DBSection spacing="large">Large Spacing</DBSection>
-      <DBSection spacing="none">No Spacing</DBSection>
-      <h2>3. Container Width</h2>
-      <DBSection width="full">Full Width</DBSection>
-      <DBSection width="medium">Medium Width</DBSection>
-      <DBSection width="large">Large Width</DBSection>
-      <DBSection width="small">Small Width</DBSection>
-      <h2>4. Custom Class</h2>
-      <DBSection className="my-custom-class">Custom Class</DBSection>
-    </>
-  );
-}
-
-export default Section;
-```

package/agent/Select.md

@@ -1,90 +0,0 @@
-
-
-# Select Examples (react)
-
-```tsx
-import * as React from "react";
-import { DBSelect } from "@db-ux/react-react-core-components";
-
-function Select(props: any) {
-  function getOptions() {
-    return [
-      {
-        id: "1",
-        label: "Option 1",
-        selected: false,
-      },
-      {
-        id: "2",
-        label: "Option 2",
-        selected: true,
-      },
-      {
-        id: "3",
-        label: "Option 3",
-        disabled: true,
-      },
-    ];
-  }
-
-  return (
-    <>
-      <h1>DBSelect Documentation Examples</h1>
-      <h2>1. Default Select</h2>
-      <DBSelect label="Default Select">
-        <option value="1">Option 1</option>
-        <option value="2" disabled>
-          Option 2
-        </option>
-      </DBSelect>
-      <h2>2. Options Array</h2>
-      <DBSelect label="Select with Options" options={getOptions()} />
-      <h2>3. Multiple Select</h2>
-      <DBSelect label="Multiple Select" multiple>
-        <option value="1">Option 1</option>
-        <option value="2" disabled>
-          Option 2
-        </option>
-      </DBSelect>
-      <h2>4. Disabled State</h2>
-      <DBSelect label="Disabled Select" disabled>
-        <option value="1">Option 1</option>
-        <option value="2" disabled>
-          Option 2
-        </option>
-      </DBSelect>
-      <h2>5. Validation States</h2>
-      <DBSelect validation="valid" label="Valid Select">
-        <option value="1">Option 1</option>
-        <option value="2" disabled>
-          Option 2
-        </option>
-      </DBSelect>
-      <DBSelect validation="invalid" label="Invalid Select">
-        <option value="1">Option 1</option>
-        <option value="2" disabled>
-          Option 2
-        </option>
-      </DBSelect>
-      <DBSelect validation="no-validation" label="No Validation Select">
-        <option value="1">Option 1</option>
-        <option value="2" disabled>
-          Option 2
-        </option>
-      </DBSelect>
-      <h2>6. Change Event Example</h2>
-      <DBSelect
-        label="Change Event"
-        onChange={(event) => console.log("Change event:", event.target.value)}
-      >
-        <option value="1">Option 1</option>
-        <option value="2" disabled>
-          Option 2
-        </option>
-      </DBSelect>
-    </>
-  );
-}
-
-export default Select;
-```

package/agent/Stack.md

@@ -1,46 +0,0 @@
-
-
-# Stack Examples (react)
-
-```tsx
-import * as React from "react";
-import { DBStack } from "@db-ux/react-react-core-components";
-
-function Stack(props: any) {
-  return (
-    <>
-      <h1>DBStack Documentation Examples</h1>
-      <h2>1. Default Stack</h2>
-      <DBStack>Default Stack</DBStack>
-      <h2>2. Variants</h2>
-      <DBStack variant="simple">Simple Variant</DBStack>
-      <DBStack variant="divider">Divider Variant</DBStack>
-      <h2>3. Directions</h2>
-      <DBStack direction="row">Row Direction</DBStack>
-      <DBStack direction="column">Column Direction</DBStack>
-      <h2>4. Alignment</h2>
-      <DBStack alignment="stretch">Stretch Alignment</DBStack>
-      <DBStack alignment="start">Start Alignment</DBStack>
-      <DBStack alignment="end">End Alignment</DBStack>
-      <DBStack alignment="center">Center Alignment</DBStack>
-      <h2>5. Justify Content</h2>
-      <DBStack justifyContent="space-between">Space Between</DBStack>
-      <DBStack justifyContent="start">Start Justify</DBStack>
-      <DBStack justifyContent="end">End Justify</DBStack>
-      <DBStack justifyContent="center">Center Justify</DBStack>
-      <h2>6. Gap Spacing</h2>
-      <DBStack gap="medium">Medium Gap</DBStack>
-      <DBStack gap="small">Small Gap</DBStack>
-      <DBStack gap="large">Large Gap</DBStack>
-      <DBStack gap="none">No Gap</DBStack>
-      <h2>7. Wrap</h2>
-      <DBStack wrap>Wrap Enabled</DBStack>
-      <DBStack wrap={false}>Wrap Disabled</DBStack>
-      <h2>8. Custom Class</h2>
-      <DBStack className="my-custom-class">Custom Class</DBStack>
-    </>
-  );
-}
-
-export default Stack;
-```

package/agent/Switch.md

@@ -1,41 +0,0 @@
-
-
-# Switch Examples (react)
-
-```tsx
-import * as React from "react";
-import { DBSwitch } from "@db-ux/react-react-core-components";
-
-function Switch(props: any) {
-  return (
-    <>
-      <h1>DBSwitch Documentation Examples</h1>
-      <h2>1. Default Switch</h2>
-      <DBSwitch label="Default Switch" />
-      <h2>2. Visual Aid</h2>
-      <DBSwitch label="Switch with Visual Aid" visualAid />
-      <DBSwitch label="Switch without Visual Aid" visualAid={false} />
-      <h2>3. Sizes</h2>
-      <DBSwitch size="small" label="Small Switch" />
-      <DBSwitch size="medium" label="Medium Switch" />
-      <h2>4. Validation States</h2>
-      <DBSwitch validation="valid" label="Valid Switch" />
-      <DBSwitch validation="invalid" label="Invalid Switch" />
-      <DBSwitch validation="no-validation" label="No Validation Switch" />
-      <h2>5. Disabled State</h2>
-      <DBSwitch label="Disabled Switch" disabled />
-      <h2>6. Icon Support</h2>
-      <DBSwitch icon="check" label="Switch with Icon" />
-      <DBSwitch iconLeading="user" label="Switch with Leading Icon" />
-      <DBSwitch iconTrailing="arrow" label="Switch with Trailing Icon" />
-      <h2>7. Change Event Example</h2>
-      <DBSwitch
-        label="Change Event"
-        onChange={(event) => console.log("Change event:", event.target.checked)}
-      />
-    </>
-  );
-}
-
-export default Switch;
-```

package/agent/TabItem.md

@@ -1,34 +0,0 @@
-
-
-# TabItem Examples (react)
-
-```tsx
-import * as React from "react";
-import { DBTabItem } from "@db-ux/react-react-core-components";
-
-function TabItem(props: any) {
-  return (
-    <>
-      <h1>DBTabItem Documentation Examples</h1>
-      <h2>1. Default Tab Item</h2>
-      <DBTabItem>Default Tab Item</DBTabItem>
-      <h2>2. Active State</h2>
-      <DBTabItem active>Active Tab Item</DBTabItem>
-      <h2>3. Disabled State</h2>
-      <DBTabItem disabled>Disabled Tab Item</DBTabItem>
-      <h2>4. Icon Variants</h2>
-      <DBTabItem icon="user">Tab Item with Icon</DBTabItem>
-      <DBTabItem iconLeading="arrow-left">Tab Item with Leading Icon</DBTabItem>
-      <DBTabItem iconTrailing="arrow-right">
-        Tab Item with Trailing Icon
-      </DBTabItem>
-      <h2>5. Label Property</h2>
-      <DBTabItem label="Tab Item Label">Tab Item with Label</DBTabItem>
-      <h2>6. No Text</h2>
-      <DBTabItem icon="user" noText />
-    </>
-  );
-}
-
-export default TabItem;
-```

package/agent/Tabs.md

@@ -1,75 +0,0 @@
-
-
-# Tabs Examples (react)
-
-```tsx
-import * as React from "react";
-import { DBTabItem } from "@db-ux/react-react-core-components";
-import { DBTabList } from "@db-ux/react-react-core-components";
-import { DBTabPanel } from "@db-ux/react-react-core-components";
-import { DBTabs } from "@db-ux/react-react-core-components";
-
-function Tabs(props: any) {
-  return (
-    <>
-      <h1>DBTabs Documentation Examples</h1>
-      <h2>1. Default Tabs</h2>
-      <DBTabs>
-        <DBTabList>
-          <DBTabItem>Tab 1</DBTabItem>
-          <DBTabItem>Tab 2</DBTabItem>
-          <DBTabItem>Tab 3</DBTabItem>
-        </DBTabList>
-        <DBTabPanel>Tab Panel 1</DBTabPanel>
-        <DBTabPanel>Tab Panel 2</DBTabPanel>
-        <DBTabPanel>Tab Panel 3</DBTabPanel>
-      </DBTabs>
-      <h2>2. Behavior Variants</h2>
-      <DBTabs behavior="scrollbar">
-        <DBTabList>
-          <DBTabItem>Tab 1</DBTabItem>
-          <DBTabItem>Tab 2</DBTabItem>
-          <DBTabItem>Tab 3</DBTabItem>
-        </DBTabList>
-        <DBTabPanel>Tab Panel 1</DBTabPanel>
-        <DBTabPanel>Tab Panel 2</DBTabPanel>
-        <DBTabPanel>Tab Panel 3</DBTabPanel>
-      </DBTabs>
-      <DBTabs behavior="arrows">
-        <DBTabList>
-          <DBTabItem>Tab 1</DBTabItem>
-          <DBTabItem>Tab 2</DBTabItem>
-          <DBTabItem>Tab 3</DBTabItem>
-        </DBTabList>
-        <DBTabPanel>Tab Panel 1</DBTabPanel>
-        <DBTabPanel>Tab Panel 2</DBTabPanel>
-        <DBTabPanel>Tab Panel 3</DBTabPanel>
-      </DBTabs>
-      <h2>3. Initial Selected Index</h2>
-      <DBTabs initialSelectedIndex={1}>
-        <DBTabList>
-          <DBTabItem>Tab 1</DBTabItem>
-          <DBTabItem>Tab 2</DBTabItem>
-          <DBTabItem>Tab 3</DBTabItem>
-        </DBTabList>
-        <DBTabPanel>Tab Panel 1</DBTabPanel>
-        <DBTabPanel>Tab Panel 2</DBTabPanel>
-        <DBTabPanel>Tab Panel 3</DBTabPanel>
-      </DBTabs>
-      <h2>4. Initial Selected Mode</h2>
-      <DBTabs initialSelectedMode="manually">
-        <DBTabList>
-          <DBTabItem>Tab 1</DBTabItem>
-          <DBTabItem>Tab 2</DBTabItem>
-          <DBTabItem>Tab 3</DBTabItem>
-        </DBTabList>
-        <DBTabPanel>Tab Panel 1</DBTabPanel>
-        <DBTabPanel>Tab Panel 2</DBTabPanel>
-        <DBTabPanel>Tab Panel 3</DBTabPanel>
-      </DBTabs>
-    </>
-  );
-}
-
-export default Tabs;
-```

package/agent/Tag.md

@@ -1,56 +0,0 @@
-
-
-# Tag Examples (react)
-
-```tsx
-import * as React from "react";
-import { DBButton } from "@db-ux/react-react-core-components";
-import { DBCheckbox } from "@db-ux/react-react-core-components";
-import { DBLink } from "@db-ux/react-react-core-components";
-import { DBRadio } from "@db-ux/react-react-core-components";
-import { DBTag } from "@db-ux/react-react-core-components";
-
-function Tag(props: any) {
-  return (
-    <>
-      <h1>DBTag Documentation Examples</h1>
-      <h2>1. Default Tags</h2>
-      <DBTag>
-        <DBButton>Tag as Button</DBButton>
-      </DBTag>
-      <DBTag>
-        <DBLink>Tag as Link</DBLink>
-      </DBTag>
-      <DBTag>
-        <DBCheckbox>Tag as Checkbox</DBCheckbox>
-      </DBTag>
-      <DBTag>
-        <DBRadio>Tag as Radio</DBRadio>
-      </DBTag>
-      <DBTag>Static Tag</DBTag>
-      <h2>2. Overflow Example</h2>
-      <DBTag overflow>
-        <span>Static Tag with overflow</span>
-      </DBTag>
-      <h2>3. Removable Tag</h2>
-      <DBTag
-        behavior="removable"
-        onRemove={(event) => console.log("Tag removed")}
-      >
-        Removable Tag
-      </DBTag>
-      <h2>4. Semantic Variants</h2>
-      <DBTag semantic="adaptive">Adaptive Tag</DBTag>
-      <DBTag semantic="neutral">Neutral Tag</DBTag>
-      <DBTag semantic="critical">Critical Tag</DBTag>
-      <DBTag semantic="informational">Informational Tag</DBTag>
-      <DBTag semantic="warning">Warning Tag</DBTag>
-      <DBTag semantic="successful">Successful Tag</DBTag>
-      <h2>5. Icon Support</h2>
-      <DBTag icon="user">Tag with Icon</DBTag>
-    </>
-  );
-}
-
-export default Tag;
-```

package/agent/Textarea.md

@@ -1,45 +0,0 @@
-
-
-# Textarea Examples (react)
-
-```tsx
-import * as React from "react";
-import { DBTextarea } from "@db-ux/react-react-core-components";
-
-function Textarea(props: any) {
-  return (
-    <>
-      <h1>DBTextarea Documentation Examples</h1>
-      <h2>1. Default Textarea</h2>
-      <DBTextarea label="Default Textarea" />
-      <h2>2. Resizable Variants</h2>
-      <DBTextarea resize="none" label="No Resize" />
-      <DBTextarea resize="both" label="Resize Both" />
-      <DBTextarea resize="horizontal" label="Resize Horizontal" />
-      <DBTextarea resize="vertical" label="Resize Vertical" />
-      <h2>3. Rows and Columns</h2>
-      <DBTextarea label="Custom Rows and Columns" rows={5} cols={30} />
-      <h2>4. Wrap Variants</h2>
-      <DBTextarea wrap="hard" label="Hard Wrap" />
-      <DBTextarea wrap="soft" label="Soft Wrap" />
-      <DBTextarea wrap="off" label="No Wrap" />
-      <h2>5. Disabled State</h2>
-      <DBTextarea label="Disabled Textarea" disabled />
-      <h2>6. Placeholder Examples</h2>
-      <DBTextarea placeholder="Enter text here" label="With Placeholder" />
-      <h2>7. Message Property Example</h2>
-      <DBTextarea
-        label="Textarea with Message"
-        message="This is a helper message."
-      />
-      <h2>8. Input Event Example</h2>
-      <DBTextarea
-        label="Input Event"
-        onInput={(event) => console.log("Input event:", event.target.value)}
-      />
-    </>
-  );
-}
-
-export default Textarea;
-```

package/agent/Tooltip.md

@@ -1,47 +0,0 @@
-
-
-# Tooltip Examples (react)
-
-```tsx
-import * as React from "react";
-import { DBButton } from "@db-ux/react-react-core-components";
-import { DBTooltip } from "@db-ux/react-react-core-components";
-
-function Tooltip(props: any) {
-  return (
-    <>
-      <h1>DBTooltip Documentation Examples</h1>
-      <h2>1. Default Tooltip</h2>
-      <DBButton>
-        Hover on me to open Tooltip
-        <DBTooltip>Tooltip</DBTooltip>
-      </DBButton>
-      <h2>2. Tooltip Variants</h2>
-      <DBButton>
-        Description Tooltip
-        <DBTooltip variant="description">Description Tooltip Content</DBTooltip>
-      </DBButton>
-      <DBButton>
-        Label Tooltip
-        <DBTooltip variant="label">Label Tooltip Content</DBTooltip>
-      </DBButton>
-      <h2>3. Tooltip with Arrow</h2>
-      <DBButton>
-        Tooltip with Arrow
-        <DBTooltip showArrow>Tooltip Content with Arrow</DBTooltip>
-      </DBButton>
-      <h2>4. Placement Variants</h2>
-      <DBButton>
-        Top Placement
-        <DBTooltip placement="top">Tooltip Content at Top</DBTooltip>
-      </DBButton>
-      <DBButton>
-        Bottom Placement
-        <DBTooltip placement="bottom">Tooltip Content at Bottom</DBTooltip>
-      </DBButton>
-    </>
-  );
-}
-
-export default Tooltip;
-```

package/agent/_instructions.md

@@ -1,31 +0,0 @@
-- Use "@db-ux/react-core-components" as import for components:
-  - use for `DBDrawer` or `Drawer` the file __agent-path__/Drawer.md
-  - use for `DBTooltip` or `Tooltip` the file __agent-path__/Tooltip.md
-  - use for `DBTextarea` or `Textarea` the file __agent-path__/Textarea.md
-  - use for `DBTag` or `Tag` the file __agent-path__/Tag.md
-  - use for `DBTabs` or `Tabs` the file __agent-path__/Tabs.md
-  - use for `DBTabItem` or `TabItem` the file __agent-path__/TabItem.md
-  - use for `DBSwitch` or `Switch` the file __agent-path__/Switch.md
-  - use for `DBStack` or `Stack` the file __agent-path__/Stack.md
-  - use for `DBSelect` or `Select` the file __agent-path__/Select.md
-  - use for `DBSection` or `Section` the file __agent-path__/Section.md
-  - use for `DBRadio` or `Radio` the file __agent-path__/Radio.md
-  - use for `DBPopover` or `Popover` the file __agent-path__/Popover.md
-  - use for `DBPage` or `Page` the file __agent-path__/Page.md
-  - use for `DBNotification` or `Notification` the file __agent-path__/Notification.md
-  - use for `DBNavigationItem` or `NavigationItem` the file __agent-path__/NavigationItem.md
-  - use for `DBNavigation` or `Navigation` the file __agent-path__/Navigation.md
-  - use for `DBLink` or `Link` the file __agent-path__/Link.md
-  - use for `DBInput` or `Input` the file __agent-path__/Input.md
-  - use for `DBInfotext` or `Infotext` the file __agent-path__/Infotext.md
-  - use for `DBIcon` or `Icon` the file __agent-path__/Icon.md
-  - use for `DBHeader` or `Header` the file __agent-path__/Header.md
-  - use for `DBDivider` or `Divider` the file __agent-path__/Divider.md
-  - use for `DBCustomSelect` or `CustomSelect` the file __agent-path__/CustomSelect.md
-  - use for `DBCheckbox` or `Checkbox` the file __agent-path__/Checkbox.md
-  - use for `DBCard` or `Card` the file __agent-path__/Card.md
-  - use for `DBButton` or `Button` the file __agent-path__/Button.md
-  - use for `DBBrand` or `Brand` the file __agent-path__/Brand.md
-  - use for `DBBadge` or `Badge` the file __agent-path__/Badge.md
-  - use for `DBAccordionItem` or `AccordionItem` the file __agent-path__/AccordionItem.md
-  - use for `DBAccordion` or `Accordion` the file __agent-path__/Accordion.md

package/dist/components/brand/brand.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-declare const DBBrand: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, "text" | "icon" | keyof import("../..").GlobalProps | "hideLogo" | "showIcon"> & import("./model").DBBrandDefaultProps & import("../..").GlobalProps & import("../..").IconProps & import("../..").ShowIconProps & import("../..").TextProps & React.RefAttributes<any>>;
-export default DBBrand;

package/dist/components/brand/brand.js

@@ -1,13 +0,0 @@
-"use client";
-import * as React from "react";
-import { filterPassingProps, getRootProps } from "../../utils/react";
-import { useRef, forwardRef } from "react";
-import { DEFAULT_ICON } from "../../shared/constants";
-import { cls, getBooleanAsString } from "../../utils";
-function DBBrandFn(props, component) {
-    var _a;
-    const _ref = component || useRef(component);
-    return (React.createElement("div", Object.assign({ ref: _ref }, filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { "data-icon": props.hideLogo ? "none" : (_a = props.icon) !== null && _a !== void 0 ? _a : DEFAULT_ICON, "data-show-icon": getBooleanAsString(props.showIcon), id: props.id }, getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { className: cls("db-brand", props.className) }), props.text ? React.createElement(React.Fragment, null, props.text) : React.createElement(React.Fragment, null, props.children)));
-}
-const DBBrand = forwardRef(DBBrandFn);
-export default DBBrand;

package/dist/components/brand/index.d.ts

@@ -1 +0,0 @@
-export { default as DBBrand } from './brand';

package/dist/components/brand/index.js

@@ -1 +0,0 @@
-export { default as DBBrand } from './brand';

package/dist/components/brand/model.d.ts

@@ -1,10 +0,0 @@
-import { GlobalProps, GlobalState, IconProps, ShowIconProps, TextProps } from '../../shared/model';
-export type DBBrandDefaultProps = {
-    /**
-     * @deprecated: Disable the default logo svg to pass in a custom `img`
-     */
-    hideLogo?: boolean;
-};
-export type DBBrandProps = DBBrandDefaultProps & GlobalProps & IconProps & ShowIconProps & TextProps;
-export type DBBrandDefaultState = {};
-export type DBBrandState = DBBrandDefaultState & GlobalState;

package/dist/components/header/header.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-declare const DBHeader: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<any>, "width" | keyof import("../..").GlobalProps | keyof import("../..").ToggleEventProps | keyof import("./model").DBHeaderDefaultProps> & import("./model").DBHeaderDefaultProps & import("../..").GlobalProps & import("../..").ToggleEventProps & import("../..").ContainerWidthProps & React.RefAttributes<any>>;
-export default DBHeader;

package/dist/components/header/header.js

@@ -1,67 +0,0 @@
-"use client";
-import * as React from "react";
-import { filterPassingProps, getRootProps } from "../../utils/react";
-import { useState, useRef, useEffect, forwardRef } from "react";
-import { DEFAULT_BURGER_MENU } from "../../shared/constants";
-import { addAttributeToChildren, cls, getBoolean } from "../../utils";
-import { isEventTargetNavigationItem } from "../../utils/navigation";
-import DBButton from "../button/button";
-import DBDrawer from "../drawer/drawer";
-function DBHeaderFn(props, component) {
-    var _a;
-    const _ref = component || useRef(component);
-    const [initialized, setInitialized] = useState(() => false);
-    const [forcedToMobile, setForcedToMobile] = useState(() => false);
-    function handleToggle(event) {
-        if (event && event.stopPropagation) {
-            event.stopPropagation();
-        }
-        const open = !getBoolean(props.drawerOpen, "drawerOpen");
-        if (props.onToggle) {
-            props.onToggle(open);
-        }
-    }
-    function handleNavigationItemClick(event) {
-        if (isEventTargetNavigationItem(event)) {
-            handleToggle();
-        }
-    }
-    useEffect(() => {
-        setInitialized(true);
-    }, []);
-    useEffect(() => {
-        if (initialized && _ref.current && props.forceMobile) {
-            // Adds this attribute to the header to enable all styling which would have
-            // @media screen and (min-width: $db-screens-m) to show mobile navigation on a desktop device
-            addAttributeToChildren(_ref.current, {
-                key: "data-force-mobile",
-                value: "true",
-            });
-            setForcedToMobile(true);
-        }
-    }, [initialized, _ref.current]);
-    return (React.createElement("header", Object.assign({ ref: _ref }, filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font", "onToggle"]), getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { className: cls("db-header", props.className), id: props.id, "data-width": props.width, "data-on-forcing-mobile": props.forceMobile && !forcedToMobile }),
-        React.createElement(DBDrawer, { className: "db-header-drawer", spacing: "small", rounded: true, open: getBoolean(props.drawerOpen), onClose: (event) => handleToggle() },
-            React.createElement("div", { className: "db-header-drawer-navigation" },
-                React.createElement("div", { className: "db-header-navigation", onClick: (event) => handleNavigationItemClick(event) }, props.children),
-                React.createElement("div", { className: "db-header-meta-navigation" },
-                    React.createElement(React.Fragment, null, props.metaNavigation))),
-            React.createElement("div", { className: "db-header-secondary-action" },
-                React.createElement(React.Fragment, null, props.secondaryAction))),
-        React.createElement("div", { className: "db-header-meta-navigation" },
-            React.createElement(React.Fragment, null, props.metaNavigation)),
-        React.createElement("div", { className: "db-header-navigation-bar" },
-            React.createElement("div", { className: "db-header-brand-container" },
-                React.createElement(React.Fragment, null, props.brand)),
-            React.createElement("div", { className: "db-header-navigation-container" },
-                React.createElement("div", { className: "db-header-navigation" }, props.children),
-                React.createElement("div", { className: "db-header-primary-action" },
-                    React.createElement(React.Fragment, null, props.primaryAction))),
-            React.createElement("div", { className: "db-header-action-container" },
-                React.createElement("div", { className: "db-header-burger-menu-container" },
-                    React.createElement(DBButton, { icon: "menu", variant: "ghost", noText: true, onClick: (event) => handleToggle() }, (_a = props.burgerMenuLabel) !== null && _a !== void 0 ? _a : DEFAULT_BURGER_MENU)),
-                React.createElement("div", { className: "db-header-secondary-action" },
-                    React.createElement(React.Fragment, null, props.secondaryAction))))));
-}
-const DBHeader = forwardRef(DBHeaderFn);
-export default DBHeader;

package/dist/components/header/index.d.ts

@@ -1 +0,0 @@
-export { default as DBHeader } from './header';

package/dist/components/header/index.js

@@ -1 +0,0 @@
-export { default as DBHeader } from './header';