@byline/ui 0.9.3 → 0.10.1

package/dist/components/chips/chip.module.js

@@ -0,0 +1,27 @@
+import "./chip_module.css";
+const chip_module = {
+    chip: "chip-AhhT7N",
+    label: "label-gboVZj",
+    icon: "icon-Kyxxoz",
+    iconWrapper: "iconWrapper-vJCUgN",
+    "close-icon": "close-icon-dsclyW",
+    closeIcon: "close-icon-dsclyW",
+    xs: "xs-APyCes",
+    sm: "sm-J7CErO",
+    md: "md-Dqq6Vk",
+    lg: "lg-V_RSlk",
+    xl: "xl-XTZIz8",
+    filled: "filled-IPrtjU",
+    "filled-weak": "filled-weak-R_EHbg",
+    filledWeak: "filled-weak-R_EHbg",
+    outlined: "outlined-ND2TjQ",
+    text: "text-mY_7iA",
+    primary: "primary-Dknrel",
+    secondary: "secondary-Oeq6j4",
+    noeffect: "noeffect-DIkyR0",
+    success: "success-Qciyio",
+    info: "info-Ddpo4H",
+    warning: "warning-ua4NGH",
+    danger: "danger-ftQS7Y"
+};
+export default chip_module;

package/dist/components/chips/chip_module.css

@@ -0,0 +1,315 @@
+@layer byline-base, byline-functional, byline-utilities, byline-theme, byline-typography;
+
+@layer byline-components {
+  :is(.chip-AhhT7N, .infonomic-chip) {
+    --chip-font-size: .9rem;
+    --chip-height: 34px;
+    --chip-padding-y: .35rem;
+    --chip-padding-x: .4rem;
+    --chip-icon-size: 1rem;
+    --chip-gap: var(--gap-1);
+    appearance: none;
+    outline-offset: 2px;
+    align-items: center;
+    gap: var(--chip-gap);
+    border-radius: var(--border-radius-sm);
+    cursor: pointer;
+    min-height: var(--chip-height);
+    padding: var(--chip-padding-y) var(--chip-padding-x);
+    font-weight: 500;
+    line-height: 1.1;
+    font-size: var(--chip-font-size);
+    transition: background-color var(--transition-normal),
+      outline-color var(--transition-normal);
+    outline: 1px solid #0000;
+    text-decoration: none;
+    display: inline-flex;
+  }
+
+  :is(.chip-AhhT7N:disabled, .chip-AhhT7N[disabled], .infonomic-chip:disabled, .infonomic-chip[disabled]) {
+    pointer-events: none;
+  }
+
+  :is(.chip-AhhT7N:focus, .chip-AhhT7N:active, .infonomic-chip:focus, .infonomic-chip:active) {
+    outline-color: var(--ring-color);
+  }
+
+  :is(.label-gboVZj, .infonomic-chip-label) {
+    white-space: nowrap;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  :is(.icon-Kyxxoz, .infonomic-chip-icon) {
+    width: var(--chip-icon-size);
+    height: var(--chip-icon-size);
+  }
+
+  :is(.iconWrapper-vJCUgN, .infonomic-chip-icon-wrapper) {
+    justify-content: center;
+    align-items: center;
+    line-height: 0;
+    display: inline-flex;
+  }
+
+  :is(.close-icon-dsclyW, .infonomic-chip-close-icon) {
+    width: calc(var(--chip-icon-size) * .9);
+    height: calc(var(--chip-icon-size) * .9);
+  }
+
+  :is(.xs-APyCes, .infonomic-chip-xs) {
+    --chip-height: 24px;
+    --chip-padding-y: .15rem;
+    --chip-padding-x: .3rem;
+    --chip-font-size: .75rem;
+    --chip-icon-size: 1rem;
+    gap: var(--gap-1);
+  }
+
+  :is(.sm-J7CErO, .infonomic-chip-sm) {
+    --chip-height: 28px;
+    --chip-padding-y: .2rem;
+    --chip-padding-x: .3rem;
+    --chip-font-size: .82rem;
+    --chip-icon-size: 1.2rem;
+  }
+
+  :is(.md-Dqq6Vk, .infonomic-chip-md) {
+    --chip-height: 32px;
+    --chip-padding-y: .25rem;
+    --chip-padding-x: .3rem;
+    --chip-font-size: .9rem;
+    --chip-icon-size: 1.3rem;
+  }
+
+  :is(.lg-V_RSlk, .infonomic-chip-lg) {
+    --chip-gap: var(--gap-2);
+    --chip-height: 36px;
+    --chip-padding-y: .3rem;
+    --chip-padding-x: .4rem;
+    --chip-font-size: .98rem;
+    --chip-icon-size: 1.35rem;
+  }
+
+  :is(.xl-XTZIz8, .infonomic-chip-xl) {
+    --chip-gap: var(--gap-2);
+    --chip-height: 40px;
+    --chip-padding-y: .3rem;
+    --chip-padding-x: .5rem;
+    --chip-font-size: 1rem;
+    --chip-icon-size: 1.4rem;
+  }
+
+  :is(.filled-IPrtjU, .infonomic-chip-filled) {
+    color: var(--chip-variant-filled-foreground);
+    background-color: var(--chip-variant-filled);
+  }
+
+  :is(.filled-IPrtjU:hover, .infonomic-chip-filled:hover) {
+    background-color: var(--chip-variant-filled-hover);
+  }
+
+  :is(.filled-IPrtjU:focus, .filled-IPrtjU:active, .infonomic-chip-filled:focus, .infonomic-chip-filled:active) {
+    --ring-color: var(--chip-ring-color);
+  }
+
+  :is(.filled-IPrtjU:disabled, .filled-IPrtjU[disabled], .infonomic-chip-filled:disabled, .infonomic-chip-filled[disabled]) {
+    background-color: var(--chip-variant-filled-disabled, oklch(from var(--chip-variant-filled) calc(l * 1.1) calc(c * .85) h));
+    color: var(--chip-variant-filled-foreground-disabled, oklch(from var(--chip-variant-filled-foreground) calc(l * .9) calc(c * .85) h));
+  }
+
+  :is(.filled-weak-R_EHbg, .infonomic-chip-filled-weak) {
+    color: var(--chip-variant-filled-weak-foreground);
+    background-color: var(--chip-variant-filled-weak);
+  }
+
+  :is(.filled-weak-R_EHbg:hover, .infonomic-chip-filled-weak:hover) {
+    background-color: var(--chip-variant-filled-weak-hover);
+  }
+
+  :is(.filled-weak-R_EHbg:focus, .filled-weak-R_EHbg:active, .infonomic-chip-filled-weak:focus, .infonomic-chip-filled-weak:active) {
+    --ring-color: var(--chip-ring-color);
+  }
+
+  :is(.filled-weak-R_EHbg:disabled, .filled-weak-R_EHbg[disabled], .infonomic-chip-filled-weak:disabled, .infonomic-chip-filled-weak[disabled]) {
+    background-color: var(--chip-variant-filled-weak-disabled, oklch(from var(--chip-variant-filled-weak) calc(l * 1.1) calc(c * .85) h));
+    color: var(--chip-variant-filled-weak-foreground-disabled, oklch(from var(--chip-variant-filled-weak-foreground) calc(l * .9) calc(c * .85) h));
+  }
+
+  :is(.outlined-ND2TjQ, .infonomic-chip-outlined) {
+    border: 1px solid var(--chip-variant-outlined-border);
+    color: var(--chip-variant-outlined-foreground);
+    background-color: var(--chip-variant-outlined);
+  }
+
+  :is(.outlined-ND2TjQ:disabled, .outlined-ND2TjQ[disabled], .infonomic-chip-outlined:disabled, .infonomic-chip-outlined[disabled]) {
+    border-color: var(--chip-variant-outlined-border-disabled, oklch(from var(--chip-variant-outlined-border) calc(l * 1.5) calc(c * .8) h));
+    color: var(--chip-variant-outlined-foreground-disabled, oklch(from var(--chip-variant-outlined-foreground) calc(l * 1.1) calc(c * .7) h));
+  }
+
+  :is(.outlined-ND2TjQ:hover, .infonomic-chip-outlined:hover) {
+    background-color: var(--chip-variant-outlined-hover);
+  }
+
+  :is(.outlined-ND2TjQ:focus, .outlined-ND2TjQ:active, .infonomic-chip-outlined:focus, .infonomic-chip-outlined:active) {
+    --ring-color: var(--chip-ring-color);
+  }
+
+  :is(.text-mY_7iA, .infonomic-chip-text) {
+    background-color: var(--chip-variant-text);
+    color: var(--chip-variant-text-foreground);
+  }
+
+  :is(.text-mY_7iA:disabled, .text-mY_7iA[disabled], .infonomic-chip-text:disabled, .infonomic-chip-text[disabled]) {
+    color: oklch(from var(--chip-variant-text-foreground) calc(l * 1.5) calc(c * .5) h);
+  }
+
+  :is(.text-mY_7iA:hover, .infonomic-chip-text:hover) {
+    background-color: var(--chip-variant-text-hover);
+  }
+
+  :is(.text-mY_7iA:focus, .text-mY_7iA:active, .infonomic-chip-text:focus, .infonomic-chip-text:active) {
+    --ring-color: var(--chip-ring-color);
+  }
+
+  :is(.primary-Dknrel, .infonomic-chip-primary) {
+    --chip-ring-color: var(--ring-primary);
+    --chip-variant-filled: var(--fill-primary-strong);
+    --chip-variant-filled-hover: var(--fill-primary-strong-hover);
+    --chip-variant-filled-disabled: var(--fill-primary-strong-disabled);
+    --chip-variant-filled-foreground: var(--text-on-primary-strong);
+    --chip-variant-filled-foreground-disabled: var(--text-on-primary-strong-disabled);
+    --chip-variant-filled-weak: var(--fill-primary-weak);
+    --chip-variant-filled-weak-hover: var(--fill-primary-weak-hover);
+    --chip-variant-filled-weak-disabled: var(--fill-primary-weak-disabled);
+    --chip-variant-filled-weak-foreground: var(--text-on-primary-weak);
+    --chip-variant-filled-weak-foreground-disabled: var(--text-on-primary-weak-disabled);
+    --chip-variant-outlined: var(--fill-primary-outlined);
+    --chip-variant-outlined-hover: var(--fill-primary-outlined-hover);
+    --chip-variant-outlined-border: var(--stroke-primary);
+    --chip-variant-outlined-border-disabled: var(--stroke-primary-disabled);
+    --chip-variant-outlined-foreground: var(--text-on-primary-outlined);
+    --chip-variant-outlined-foreground-disabled: var(--text-on-primary-outlined-disabled);
+  }
+
+  :is(.secondary-Oeq6j4, .infonomic-chip-secondary) {
+    --chip-ring-color: var(--ring-secondary);
+    --chip-variant-filled: var(--fill-secondary-strong);
+    --chip-variant-filled-hover: var(--fill-secondary-strong-hover);
+    --chip-variant-filled-disabled: var(--fill-secondary-strong-disabled);
+    --chip-variant-filled-foreground: var(--text-on-secondary-strong);
+    --chip-variant-filled-foreground-disabled: var(--text-on-secondary-strong-disabled);
+    --chip-variant-filled-weak: var(--fill-secondary-weak);
+    --chip-variant-filled-weak-foreground: var(--text-on-secondary-weak);
+    --chip-variant-filled-weak-hover: var(--fill-secondary-weak-hover);
+    --chip-variant-filled-weak-disabled: var(--fill-secondary-weak-disabled);
+    --chip-variant-filled-weak-foreground-disabled: var(--text-on-secondary-weak-disabled);
+    --chip-variant-outlined: var(--fill-secondary-outlined);
+    --chip-variant-outlined-hover: var(--fill-secondary-outlined-hover);
+    --chip-variant-outlined-border: var(--stroke-secondary);
+    --chip-variant-outlined-border-disabled: var(--stroke-secondary-disabled);
+    --chip-variant-outlined-foreground: var(--text-on-secondary-outlined);
+    --chip-variant-outlined-foreground-disabled: var(--text-on-secondary-outlined-disabled);
+  }
+
+  :is(.noeffect-DIkyR0, .infonomic-chip-noeffect) {
+    --chip-ring-color: var(--ring-noeffect);
+    --chip-variant-filled: var(--fill-noeffect-strong);
+    --chip-variant-filled-hover: var(--fill-noeffect-strong-hover);
+    --chip-variant-filled-disabled: var(--fill-noeffect-strong-disabled);
+    --chip-variant-filled-foreground: var(--text-on-noeffect-strong);
+    --chip-variant-filled-foreground-disabled: var(--text-on-noeffect-strong-disabled);
+    --chip-variant-filled-weak: var(--fill-noeffect-weak);
+    --chip-variant-filled-weak-hover: var(--fill-noeffect-weak-hover);
+    --chip-variant-filled-weak-disabled: var(--fill-noeffect-weak-disabled);
+    --chip-variant-filled-weak-foreground: var(--text-on-noeffect-weak);
+    --chip-variant-filled-weak-foreground-disabled: var(--text-on-noeffect-weak-disabled);
+    --chip-variant-outlined: var(--fill-noeffect-outlined);
+    --chip-variant-outlined-hover: var(--fill-noeffect-outlined-hover);
+    --chip-variant-outlined-border: var(--stroke-noeffect);
+    --chip-variant-outlined-border-disabled: var(--stroke-noeffect-disabled);
+    --chip-variant-outlined-foreground: var(--text-on-noeffect-outlined);
+    --chip-variant-outlined-foreground-disabled: var(--text-on-noeffect-outlined-disabled);
+  }
+
+  :is(.success-Qciyio, .infonomic-chip-success) {
+    --chip-ring-color: var(--ring-success);
+    --chip-variant-filled: var(--fill-success-strong);
+    --chip-variant-filled-hover: var(--fill-success-strong-hover);
+    --chip-variant-filled-disabled: var(--fill-success-strong-disabled);
+    --chip-variant-filled-foreground: var(--text-on-success-strong);
+    --chip-variant-filled-foreground-disabled: var(--text-on-success-strong-disabled);
+    --chip-variant-filled-weak: var(--fill-success-weak);
+    --chip-variant-filled-weak-hover: var(--fill-success-weak-hover);
+    --chip-variant-filled-weak-disabled: var(--fill-success-weak-disabled);
+    --chip-variant-filled-weak-foreground: var(--text-on-success-weak);
+    --chip-variant-filled-weak-foreground-disabled: var(--text-on-success-weak-disabled);
+    --chip-variant-outlined: var(--fill-success-outlined);
+    --chip-variant-outlined-hover: var(--fill-success-outlined-hover);
+    --chip-variant-outlined-border: var(--stroke-success);
+    --chip-variant-outlined-border-disabled: var(--stroke-success-disabled);
+    --chip-variant-outlined-foreground: var(--text-on-success-outlined);
+    --chip-variant-outlined-foreground-disabled: var(--text-on-success-outlined-disabled);
+  }
+
+  :is(.info-Ddpo4H, .infonomic-chip-info) {
+    --chip-ring-color: var(--ring-info);
+    --chip-variant-filled: var(--fill-info-strong);
+    --chip-variant-filled-hover: var(--fill-info-strong-hover);
+    --chip-variant-filled-disabled: var(--fill-info-strong-disabled);
+    --chip-variant-filled-foreground: var(--text-on-info-strong);
+    --chip-variant-filled-foreground-disabled: var(--text-on-info-strong-disabled);
+    --chip-variant-filled-weak: var(--fill-info-weak);
+    --chip-variant-filled-weak-hover: var(--fill-info-weak-hover);
+    --chip-variant-filled-weak-disabled: var(--fill-info-weak-disabled);
+    --chip-variant-filled-weak-foreground: var(--text-on-info-weak);
+    --chip-variant-filled-weak-foreground-disabled: var(--text-on-info-weak-disabled);
+    --chip-variant-outlined: var(--fill-info-outlined);
+    --chip-variant-outlined-hover: var(--fill-info-outlined-hover);
+    --chip-variant-outlined-border: var(--stroke-info);
+    --chip-variant-outlined-border-disabled: var(--stroke-info-disabled);
+    --chip-variant-outlined-foreground: var(--text-on-info-outlined);
+    --chip-variant-outlined-foreground-disabled: var(--text-on-info-outlined-disabled);
+  }
+
+  :is(.warning-ua4NGH, .infonomic-chip-warning) {
+    --chip-ring-color: var(--ring-warning);
+    --chip-variant-filled: var(--fill-warning-strong);
+    --chip-variant-filled-hover: var(--fill-warning-strong-hover);
+    --chip-variant-filled-disabled: var(--fill-warning-strong-disabled);
+    --chip-variant-filled-foreground: var(--text-on-warning-strong);
+    --chip-variant-filled-foreground-disabled: var(--text-on-warning-strong-disabled);
+    --chip-variant-filled-weak: var(--fill-warning-weak);
+    --chip-variant-filled-weak-hover: var(--fill-warning-weak-hover);
+    --chip-variant-filled-weak-disabled: var(--fill-warning-weak-disabled);
+    --chip-variant-filled-weak-foreground: var(--text-on-warning-weak);
+    --chip-variant-filled-weak-foreground-disabled: var(--text-on-warning-weak-disabled);
+    --chip-variant-outlined: var(--fill-warning-outlined);
+    --chip-variant-outlined-hover: var(--fill-warning-outlined-hover);
+    --chip-variant-outlined-border: var(--stroke-warning);
+    --chip-variant-outlined-border-disabled: var(--stroke-warning-disabled);
+    --chip-variant-outlined-foreground: var(--text-on-warning-outlined);
+    --chip-variant-outlined-foreground-disabled: var(--text-on-warning-outlined-disabled);
+  }
+
+  :is(.danger-ftQS7Y, .infonomic-chip-danger) {
+    --chip-ring-color: var(--ring-danger);
+    --chip-variant-filled: var(--fill-danger-strong);
+    --chip-variant-filled-hover: var(--fill-danger-strong-hover);
+    --chip-variant-filled-disabled: var(--fill-danger-strong-disabled);
+    --chip-variant-filled-foreground: var(--text-on-danger-strong);
+    --chip-variant-filled-foreground-disabled: var(--text-on-danger-strong-disabled);
+    --chip-variant-filled-weak: var(--fill-danger-weak);
+    --chip-variant-filled-weak-hover: var(--fill-danger-weak-hover);
+    --chip-variant-filled-weak-disabled: var(--fill-danger-weak-disabled);
+    --chip-variant-filled-weak-foreground: var(--text-on-danger-weak);
+    --chip-variant-filled-weak-foreground-disabled: var(--text-on-danger-weak-disabled);
+    --chip-variant-outlined: transparent;
+    --chip-variant-outlined-hover: var(--fill-danger-weak);
+    --chip-variant-outlined-border: var(--stroke-danger);
+    --chip-variant-outlined-border-disabled: var(--stroke-danger-disabled);
+    --chip-variant-outlined-foreground: var(--text-on-danger-outlined);
+    --chip-variant-outlined-foreground-disabled: var(--text-on-danger-outlined-disabled);
+  }
+}
+

package/dist/components/chips/index.js

@@ -0,0 +1,2 @@
+export * from "./@types/chip.js";
+export * from "./chip.js";

package/dist/components/container/container.d.ts

@@ -0,0 +1,9 @@
+import type React from 'react';
+type ContainerIntrinsicProps = React.JSX.IntrinsicElements['div'];
+export interface ContainerProps extends ContainerIntrinsicProps {
+}
+export declare const Container: ({ ref, className, children, ...rest }: ContainerProps & {
+    ref?: React.RefObject<HTMLDivElement>;
+}) => React.JSX.Element;
+export {};
+//# sourceMappingURL=container.d.ts.map

package/dist/components/container/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/components/container/container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,KAAK,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACjE,MAAM,WAAW,cAAe,SAAQ,uBAAuB;CAAG;AAElE,eAAO,MAAM,SAAS,GAAsB,uCAKzC,cAAc,GAAG;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,KAAG,KAAK,CAAC,GAAG,CAAC,OAMb,CAAA"}

package/dist/components/container/container.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import container_module from "./container.module.js";
+const container_Container = function({ ref, className, children, ...rest }) {
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        ...rest,
+        className: classnames('infonomic-container', container_module.container, className),
+        children: children
+    });
+};
+export { container_Container as Container };

package/dist/components/container/container.module.js

@@ -0,0 +1,5 @@
+import "./container_module.css";
+const container_module = {
+    container: "container-tSpizY"
+};
+export default container_module;

package/dist/components/container/container_module.css

@@ -0,0 +1,29 @@
+@layer byline-base, byline-functional, byline-utilities, byline-theme, byline-typography;
+
+@layer byline-components {
+  :is(.container-tSpizY, .infonomic-container) {
+    width: 100%;
+    max-width: 60rem;
+    margin: 0 auto;
+    padding: 0 1rem;
+  }
+
+  @media (min-width: 66rem) {
+    :is(.container-tSpizY, .infonomic-container) {
+      max-width: 64rem;
+    }
+  }
+
+  @media (min-width: 77rem) {
+    :is(.container-tSpizY, .infonomic-container) {
+      max-width: 74.375rem;
+    }
+  }
+
+  @media (min-width: 94rem) {
+    :is(.container-tSpizY, .infonomic-container) {
+      max-width: 87.5rem;
+    }
+  }
+}
+

package/dist/components/dropdown/dropdown.d.ts

@@ -0,0 +1,74 @@
+import type React from 'react';
+import { Menu } from '@base-ui/react/menu';
+declare function Root({ children, ...rest }: React.ComponentProps<typeof Menu.Root>): React.JSX.Element;
+declare function Portal({ children, ...rest }: React.ComponentProps<typeof Menu.Portal>): React.JSX.Element;
+declare function Sub({ children, ...rest }: React.ComponentProps<typeof Menu.SubmenuRoot>): React.JSX.Element;
+export declare const Dropdown: {
+    Root: typeof Root;
+    Trigger: {
+        ({ ref, className, children, ...rest }: React.ComponentProps<typeof Menu.Trigger> & {
+            ref?: React.RefObject<React.ComponentRef<"button">>;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    Portal: typeof Portal;
+    Content: {
+        ({ ref, className, children, side, sideOffset, align, alignOffset, collisionPadding, ...rest }: {
+            ref?: React.RefObject<React.ComponentRef<"div">>;
+            className?: string;
+            children?: React.ReactNode;
+            side?: React.ComponentProps<typeof Menu.Positioner>["side"];
+            sideOffset?: React.ComponentProps<typeof Menu.Positioner>["sideOffset"];
+            align?: React.ComponentProps<typeof Menu.Positioner>["align"];
+            alignOffset?: React.ComponentProps<typeof Menu.Positioner>["alignOffset"];
+            collisionPadding?: React.ComponentProps<typeof Menu.Positioner>["collisionPadding"];
+        } & Omit<React.ComponentProps<typeof Menu.Popup>, "className">): React.JSX.Element;
+        displayName: string;
+    };
+    Group: {
+        ({ ref, className, children, ...rest }: React.ComponentProps<typeof Menu.Group> & {
+            ref?: React.RefObject<React.ComponentRef<"div">>;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        ({ ref, className, children, ...rest }: React.ComponentProps<typeof Menu.Item> & {
+            ref?: React.RefObject<React.ComponentRef<"div">>;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    Label: {
+        ({ ref, className, children, ...rest }: React.ComponentProps<typeof Menu.GroupLabel> & {
+            ref?: React.RefObject<React.ComponentRef<"div">>;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    Separator: {
+        ({ ref, className, ...props }: React.ComponentProps<typeof Menu.Separator> & {
+            ref?: React.RefObject<React.ComponentRef<"div">>;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    Sub: typeof Sub;
+    SubContent: {
+        ({ ref, className, children, side, sideOffset, align, alignOffset, collisionPadding, ...rest }: {
+            ref?: React.RefObject<React.ComponentRef<"div">>;
+            className?: string;
+            children?: React.ReactNode;
+            side?: React.ComponentProps<typeof Menu.Positioner>["side"];
+            sideOffset?: React.ComponentProps<typeof Menu.Positioner>["sideOffset"];
+            align?: React.ComponentProps<typeof Menu.Positioner>["align"];
+            alignOffset?: React.ComponentProps<typeof Menu.Positioner>["alignOffset"];
+            collisionPadding?: React.ComponentProps<typeof Menu.Positioner>["collisionPadding"];
+        } & Omit<React.ComponentProps<typeof Menu.Popup>, "className">): React.JSX.Element;
+        displayName: string;
+    };
+    SubTrigger: {
+        ({ ref, className, children, ...rest }: React.ComponentProps<typeof Menu.SubmenuTrigger> & {
+            ref?: React.RefObject<React.ComponentRef<"div">>;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+};
+export {};
+//# sourceMappingURL=dropdown.d.ts.map

package/dist/components/dropdown/dropdown.d.ts.map

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

package/dist/components/dropdown/dropdown.js

@@ -0,0 +1,106 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+import classnames from "classnames";
+import dropdown_module from "./dropdown.module.js";
+function Root({ children, ...rest }) {
+    return /*#__PURE__*/ jsx(Menu.Root, {
+        ...rest,
+        children: children
+    });
+}
+const Trigger = ({ ref, className, children, ...rest })=>/*#__PURE__*/ jsx(Menu.Trigger, {
+        className: classnames('infonomic-dropdown-trigger', className),
+        ref: ref,
+        ...rest,
+        children: children
+    });
+Trigger.displayName = 'Trigger';
+function Portal({ children, ...rest }) {
+    return /*#__PURE__*/ jsx(Menu.Portal, {
+        ...rest,
+        children: children
+    });
+}
+const Content = ({ ref, className, children, side, sideOffset, align, alignOffset, collisionPadding, ...rest })=>/*#__PURE__*/ jsx(Menu.Positioner, {
+        side: side,
+        sideOffset: sideOffset,
+        align: align,
+        alignOffset: alignOffset,
+        collisionPadding: collisionPadding,
+        children: /*#__PURE__*/ jsx(Menu.Popup, {
+            ref: ref,
+            className: classnames('infonomic-dropdown-content', dropdown_module["dropdown-content"], className),
+            ...rest,
+            children: children
+        })
+    });
+Content.displayName = 'Content';
+const Group = ({ ref, className, children, ...rest })=>/*#__PURE__*/ jsx(Menu.Group, {
+        ref: ref,
+        className: classnames('infonomic-dropdown-group', className),
+        ...rest,
+        children: children
+    });
+Group.displayName = 'Group';
+const Item = ({ ref, className, children, ...rest })=>/*#__PURE__*/ jsx(Menu.Item, {
+        ref: ref,
+        className: classnames('infonomic-dropdown-item', dropdown_module["dropdown-item"], className),
+        ...rest,
+        children: children
+    });
+Item.displayName = 'Item';
+const Label = ({ ref, className, children, ...rest })=>/*#__PURE__*/ jsx(Menu.GroupLabel, {
+        ref: ref,
+        className: classnames('infonomic-dropdown-label', className),
+        ...rest,
+        children: children
+    });
+Label.displayName = 'Label';
+const Separator = ({ ref, className, ...props })=>/*#__PURE__*/ jsx(Menu.Separator, {
+        ref: ref,
+        className: classnames('infonomic-dropdown-separator', dropdown_module["dropdown-separator"], className),
+        ...props
+    });
+Separator.displayName = 'Separator';
+function Sub({ children, ...rest }) {
+    return /*#__PURE__*/ jsx(Menu.SubmenuRoot, {
+        ...rest,
+        children: children
+    });
+}
+const SubContent = ({ ref, className, children, side, sideOffset, align, alignOffset, collisionPadding, ...rest })=>/*#__PURE__*/ jsx(Menu.Positioner, {
+        side: side,
+        sideOffset: sideOffset,
+        align: align,
+        alignOffset: alignOffset,
+        collisionPadding: collisionPadding,
+        children: /*#__PURE__*/ jsx(Menu.Popup, {
+            ref: ref,
+            className: classnames('infonomic-dropdown-subcontent', dropdown_module["dropdown-subcontent"], className),
+            ...rest,
+            children: children
+        })
+    });
+SubContent.displayName = 'SubContent';
+const SubTrigger = ({ ref, className, children, ...rest })=>/*#__PURE__*/ jsx(Menu.SubmenuTrigger, {
+        ref: ref,
+        className: classnames('infonomic-dropdown-subtrigger', className),
+        ...rest,
+        children: children
+    });
+SubTrigger.displayName = 'SubTrigger';
+const Dropdown = {
+    Root: Root,
+    Trigger: Trigger,
+    Portal: Portal,
+    Content: Content,
+    Group: Group,
+    Item: Item,
+    Label: Label,
+    Separator: Separator,
+    Sub: Sub,
+    SubContent: SubContent,
+    SubTrigger: SubTrigger
+};
+export { Dropdown };

package/dist/components/dropdown/dropdown.module.js

@@ -0,0 +1,16 @@
+import "./dropdown_module.css";
+const dropdown_module = {
+    "dropdown-content": "dropdown-content-oNxY22",
+    dropdownContent: "dropdown-content-oNxY22",
+    "dropdown-subcontent": "dropdown-subcontent-JZGnvB",
+    dropdownSubcontent: "dropdown-subcontent-JZGnvB",
+    slideDownAndFade: "slideDownAndFade-s05SMv",
+    slideLeftAndFade: "slideLeftAndFade-Zi7piX",
+    slideUpAndFade: "slideUpAndFade-bRhQGn",
+    slideRightAndFade: "slideRightAndFade-pN0UdB",
+    "dropdown-item": "dropdown-item-FFroRa",
+    dropdownItem: "dropdown-item-FFroRa",
+    "dropdown-separator": "dropdown-separator-scM_7b",
+    dropdownSeparator: "dropdown-separator-scM_7b"
+};
+export default dropdown_module;