@byline/ui 3.17.1 → 3.18.0

package/dist/icons/location-pin-icon.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { IconProps } from './types/icon.js';
-export declare const LocationPinIcon: {
-    ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function LocationPinIcon({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
+export declare namespace LocationPinIcon {
+    var displayName: string;
+}

package/dist/icons/moon-icon.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { IconProps } from './types/icon.js';
-export declare const MoonIcon: {
-    ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function MoonIcon({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
+export declare namespace MoonIcon {
+    var displayName: string;
+}

package/dist/icons/plus-icon.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { IconProps } from './types/icon.js';
-export declare const PlusIcon: {
-    ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function PlusIcon({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
+export declare namespace PlusIcon {
+    var displayName: string;
+}

package/dist/icons/refresh-icon.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { IconProps } from './types/icon.js';
-export declare const RefreshIcon: {
-    ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function RefreshIcon({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
+export declare namespace RefreshIcon {
+    var displayName: string;
+}

package/dist/icons/return-icon.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { IconProps } from './types/icon.js';
-export declare const ReturnIcon: {
-    ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function ReturnIcon({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
+export declare namespace ReturnIcon {
+    var displayName: string;
+}

package/dist/icons/roles-icon.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { IconProps } from './types/icon.js';
-export declare const RolesIcon: {
-    ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function RolesIcon({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
+export declare namespace RolesIcon {
+    var displayName: string;
+}

package/dist/icons/search-icon.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { IconProps } from './types/icon.js';
-export declare const SearchIcon: {
-    ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function SearchIcon({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
+export declare namespace SearchIcon {
+    var displayName: string;
+}

package/dist/icons/search-menu-icon.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { IconProps } from './types/icon.js';
-export declare const SearchMenuIcon: {
-    ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function SearchMenuIcon({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
+export declare namespace SearchMenuIcon {
+    var displayName: string;
+}

package/dist/icons/settings-gear-icon.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { IconProps } from './types/icon.js';
-export declare const SettingsGearIcon: {
-    ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function SettingsGearIcon({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
+export declare namespace SettingsGearIcon {
+    var displayName: string;
+}

package/dist/icons/settings-sliders-icon.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { IconProps } from './types/icon.js';
-export declare const SettingsSlidersIcon: {
-    ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function SettingsSlidersIcon({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
+export declare namespace SettingsSlidersIcon {
+    var displayName: string;
+}

package/dist/icons/sign-out-icon.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { IconProps } from './types/icon.js';
-export declare const SignOutIcon: {
-    ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function SignOutIcon({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
+export declare namespace SignOutIcon {
+    var displayName: string;
+}

package/dist/icons/stop-icon.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { IconProps } from './types/icon.js';
-export declare const StopIcon: {
-    ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function StopIcon({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
+export declare namespace StopIcon {
+    var displayName: string;
+}

package/dist/icons/stopwatch-icon.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { IconProps } from './types/icon';
-export declare const StopwatchIcon: {
-    ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function StopwatchIcon({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
+export declare namespace StopwatchIcon {
+    var displayName: string;
+}

package/dist/icons/user-icon.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { IconProps } from './types/icon.js';
-export declare const UserIcon: {
-    ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function UserIcon({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
+export declare namespace UserIcon {
+    var displayName: string;
+}

package/dist/icons/users-icon.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { IconProps } from './types/icon.js';
-export declare const UsersIcon: {
-    ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function UsersIcon({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
+export declare namespace UsersIcon {
+    var displayName: string;
+}

package/dist/icons/video-icon.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { IconProps } from './types/icon.js';
-export declare const VideoIcon: {
-    ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function VideoIcon({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
+export declare namespace VideoIcon {
+    var displayName: string;
+}

package/dist/icons/wallet-icon.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { IconProps } from './types/icon.js';
-export declare const WalletIcon: {
-    ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function WalletIcon({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
+export declare namespace WalletIcon {
+    var displayName: string;
+}

package/dist/icons/x-icon.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { IconProps } from './types/icon.js';
-export declare const XIcon: {
-    ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function XIcon({ className, svgClassName, ...rest }: IconProps): React.JSX.Element;
+export declare namespace XIcon {
+    var displayName: string;
+}

package/dist/widgets/drawer/drawer.d.ts

@@ -1,6 +1,8 @@
 import type { ReactNode } from 'react';
 import { DrawerContainer } from './drawer-container';
 import { DrawerContent } from './drawer-content';
+import { DrawerHeader } from './drawer-header';
+import { DrawerTopActions } from './drawer-top-actions';
 export interface DrawerProps {
     id: string;
     isOpen: boolean;
@@ -11,16 +13,12 @@ export interface DrawerProps {
     topOffset?: string;
     className?: string;
 }
-declare const Drawer: {
-    ({ id, isOpen, onDismiss, closeOnOverlayClick, children, width, topOffset, className, }: DrawerProps): import("react").JSX.Element;
-    displayName: string;
-    Container: typeof DrawerContainer;
-    Content: typeof DrawerContent;
-    Header: ({ ref, children, className, ...rest }: import("./drawer-header").DrawerHeaderProps & {
-        ref?: React.RefObject<HTMLDivElement>;
-    }) => import("react").JSX.Element;
-    TopActions: ({ ref, children, className, ...rest }: import("./drawer-top-actions").DrawerTopActionProps & {
-        ref?: React.RefObject<HTMLDivElement>;
-    }) => import("react").JSX.Element;
-};
+declare function Drawer({ id, isOpen, onDismiss, closeOnOverlayClick, children, width, topOffset, className, }: DrawerProps): import("react").JSX.Element;
+declare namespace Drawer {
+    var displayName: string;
+    export { DrawerContainer as Container };
+    export { DrawerContent as Content };
+    export { DrawerHeader as Header };
+    export { DrawerTopActions as TopActions };
+}
 export { Drawer };

package/dist/widgets/modal/modal.d.ts

@@ -1,4 +1,8 @@
 import type React from 'react';
+import { ModalActions } from './modal-actions';
+import { ModalContainer } from './modal-container';
+import { ModalContent } from './modal-content';
+import { ModalHeader } from './modal-header';
 export interface ModalProps {
     isOpen?: boolean;
     onDismiss?: () => void;
@@ -18,17 +22,9 @@ export declare function useModal(): {
 declare function Modal({ isOpen, onDismiss, closeOnOverlayClick, children, }: ModalProps): React.JSX.Element;
 declare namespace Modal {
     var displayName: string;
-    var Container: ({ ref, children, className, ...rest }: import("./modal-container").ModalContainerProps & {
-        ref?: React.RefObject<HTMLDivElement>;
-    }) => React.JSX.Element;
-    var Header: ({ ref, children, className, ...rest }: import("./modal-header").ModalHeaderProps & {
-        ref?: React.RefObject<HTMLDivElement>;
-    }) => React.JSX.Element;
-    var Content: ({ ref, children, className, ...rest }: import("./modal-content").ModalContentProps & {
-        ref?: React.RefObject<HTMLDivElement>;
-    }) => React.JSX.Element;
-    var Actions: ({ ref, children, className, ...rest }: import("./modal-actions").ModalActionsProps & {
-        ref?: React.RefObject<HTMLDivElement>;
-    }) => React.JSX.Element;
+    export { ModalContainer as Container };
+    export { ModalHeader as Header };
+    export { ModalContent as Content };
+    export { ModalActions as Actions };
 }
 export { Modal };

package/dist/widgets/timeline/timeline.d.ts

@@ -5,55 +5,61 @@ export interface TimelineProps {
     'aria-label'?: string;
     children?: React.ReactNode;
 }
-export declare const Timeline: {
-    ({ id, className, children, ...rest }: TimelineProps): React.JSX.Element;
-    Root: ({ ref, children, className, ...props }: RootProps & {
-        ref?: React.RefObject<RootElement>;
-    }) => React.JSX.Element;
-    Item: ({ ref, children, className, ...props }: ItemProps & {
-        ref?: React.RefObject<ItemElement>;
-    }) => React.JSX.Element;
-    Icon: ({ ref, children, className, ...props }: IconProps & {
-        ref?: React.RefObject<IconElement>;
-    }) => React.JSX.Element;
-    Heading: ({ ref, children, className, ...props }: HeadingProps & {
-        ref?: React.RefObject<HeadingElement>;
-    }) => React.JSX.Element;
-    Date: ({ ref, children, className, ...props }: DateProps & {
-        ref?: React.RefObject<DateElement>;
-    }) => React.JSX.Element;
-    Content: ({ ref, children, className, ...props }: ContentProps & {
-        ref?: React.RefObject<ContentElement>;
-    }) => React.JSX.Element;
-};
+export declare function Timeline({ id, className, children, ...rest }: TimelineProps): React.JSX.Element;
+export declare namespace Timeline {
+    export { Root };
+    export { Item };
+    export { Icon };
+    export { Heading };
+    export { DateItem as Date };
+    export { Content };
+}
 type RootElement = React.ComponentRef<'ol'>;
 type PrimitiveRootProps = React.ComponentPropsWithoutRef<'ol'>;
 interface RootProps extends PrimitiveRootProps {
     className?: string;
 }
+declare const Root: ({ ref, children, className, ...props }: RootProps & {
+    ref?: React.RefObject<RootElement>;
+}) => React.JSX.Element;
 type ItemElement = React.ComponentRef<'li'>;
 type PrimitiveItemProps = React.ComponentPropsWithoutRef<'li'>;
 interface ItemProps extends PrimitiveItemProps {
     className?: string;
 }
+declare const Item: ({ ref, children, className, ...props }: ItemProps & {
+    ref?: React.RefObject<ItemElement>;
+}) => React.JSX.Element;
 type IconElement = React.ComponentRef<'span'>;
 type PrimitiveIconProps = React.ComponentPropsWithoutRef<'span'>;
 interface IconProps extends PrimitiveIconProps {
     className?: string;
 }
+declare const Icon: ({ ref, children, className, ...props }: IconProps & {
+    ref?: React.RefObject<IconElement>;
+}) => React.JSX.Element;
 type HeadingElement = React.ComponentRef<'h3'>;
 type PrimitiveHeadingProps = React.ComponentPropsWithoutRef<'h3'>;
 interface HeadingProps extends PrimitiveHeadingProps {
     className?: string;
 }
+declare const Heading: ({ ref, children, className, ...props }: HeadingProps & {
+    ref?: React.RefObject<HeadingElement>;
+}) => React.JSX.Element;
 type DateElement = React.ComponentRef<'time'>;
 type PrimitiveDateProps = React.ComponentPropsWithoutRef<'time'>;
 interface DateProps extends PrimitiveDateProps {
     className?: string;
 }
+declare const DateItem: ({ ref, children, className, ...props }: DateProps & {
+    ref?: React.RefObject<DateElement>;
+}) => React.JSX.Element;
 type ContentElement = React.ComponentRef<'p'>;
 type PrimitiveContentProps = React.ComponentPropsWithoutRef<'div'>;
 interface ContentProps extends PrimitiveContentProps {
     className?: string;
 }
+declare const Content: ({ ref, children, className, ...props }: ContentProps & {
+    ref?: React.RefObject<ContentElement>;
+}) => React.JSX.Element;
 export {};

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "type": "module",
   "license": "MPL-2.0",
-  "version": "3.17.1",
+  "version": "3.18.0",
   "engines": {
     "node": ">=20.9.0"
   },
@@ -51,12 +51,12 @@
     }
   },
   "dependencies": {
-    "@base-ui/react": "^1.5.0",
+    "@base-ui/react": "^1.6.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "classnames": "^2.5.1",
-    "date-fns": "^4.2.1",
-    "motion": "^12.40.0",
+    "date-fns": "^4.4.0",
+    "motion": "^12.42.2",
     "npm-run-all": "^4.1.5",
     "react-day-picker": "^10.0.1",
     "zod": "^4.4.3"
@@ -66,23 +66,23 @@
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.4.15",
-    "@rsbuild/plugin-react": "^2.0.0",
-    "@rslib/core": "^0.21.5",
-    "@types/node": "^25.9.1",
-    "@types/react": "19.2.15",
+    "@biomejs/biome": "2.5.2",
+    "@rsbuild/plugin-react": "^2.1.0",
+    "@rslib/core": "^0.23.2",
+    "@types/node": "^26.1.0",
+    "@types/react": "19.2.17",
     "@types/react-dom": "19.2.3",
-    "@vitejs/plugin-react": "^6.0.2",
+    "@vitejs/plugin-react": "^6.0.3",
     "chokidar": "^5.0.0",
     "lightningcss": "^1.32.0",
     "lightningcss-cli": "^1.32.0",
-    "react": "19.2.6",
-    "react-dom": "19.2.6",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "rimraf": "^6.1.3",
-    "typescript": "6.0.3",
+    "typescript": "^7.0.2",
     "typescript-plugin-css-modules": "^5.2.0",
-    "vite": "^8.0.14",
-    "vitest": "^4.1.7"
+    "vite": "^8.1.3",
+    "vitest": "^4.1.10"
   },
   "publishConfig": {
     "access": "public",