@journ/bloom 0.1.1 → 0.1.2

package/dist/combobox.d.ts

@@ -1,16 +1,11 @@
-import { ButtonProps } from "./button.js";
-import { ComboboxActions, ComboboxContextValue, ComboboxState, Empty, Frame, Group, Input, Item, ItemIndicator, List, RootProps, useCombobox } from "./combobox-parts.js";
+import { ComboboxActions, ComboboxContextValue, ComboboxState, Empty, Frame, Group, Input, Item, ItemIndicator, List, Provider, Root, RootProps, Trigger, Value, useCombobox } from "./combobox-parts.js";
 import { Content, Description, Title } from "./drawer-parts.js";
 //#region src/combobox.d.ts
 declare const Combobox: {
-  Provider: any;
-  Root: any;
-  Trigger: ({ tone, className, children, ...props }: import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    tone?: ButtonProps['tone'];
-  }) => import("react").JSX.Element;
-  Value: ({ className, ...props }: {
-    className?: string;
-  }) => import("react").JSX.Element;
+  Provider: typeof Provider;
+  Root: typeof Root;
+  Trigger: typeof Trigger;
+  Value: typeof Value;
   Content: typeof Content;
   Title: typeof Title;
   Description: typeof Description;

package/dist/command-palette-parts.d.ts

@@ -1,13 +1,14 @@
 import { Content as Content$1 } from "./dialog-parts.js";
-import { ComponentPropsWithRef } from "react";
+import { ComponentPropsWithRef, JSX } from "react";
 import * as Nude from "@journ/nude/command-palette-parts";
 //#region src/command-palette-parts.d.ts
-declare const Root: any, Trigger: any;
+declare const Root: typeof Nude.Root;
+declare const Trigger: typeof Nude.Trigger;
 type RootProps = Nude.RootProps;
 type ContentProps = ComponentPropsWithRef<typeof Content$1> & {
   /** Read by screen readers only. */
   title?: string;
 };
-declare const Content: ({ title, className, children, ...props }: ContentProps) => import("react").JSX.Element;
+declare const Content: ({ title, className, children, ...props }: ContentProps) => JSX.Element;
 //#endregion
 export { Content, Root, type RootProps, Trigger };

package/dist/command-palette-parts.js

@@ -5,7 +5,8 @@ import { Content as Content$1, Title } from "./dialog-parts.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as Nude from "@journ/nude/command-palette-parts";
 //#region src/command-palette-parts.tsx
-const { Root, Trigger } = Nude;
+const Root = Nude.Root;
+const Trigger = Nude.Trigger;
 const Content = ({ title = "Command palette", className, children, ...props }) => /* @__PURE__ */ jsxs(Content$1, {
 	"aria-describedby": void 0,
 	...props,

package/dist/command-palette.d.ts

@@ -1,9 +1,9 @@
 import { Empty, Frame, Group, Input, Item, ItemIndicator, List } from "./combobox-parts.js";
-import { Content, RootProps } from "./command-palette-parts.js";
+import { Content, Root, RootProps, Trigger } from "./command-palette-parts.js";
 //#region src/command-palette.d.ts
 declare const CommandPalette: {
-  Root: any;
-  Trigger: any;
+  Root: typeof Root;
+  Trigger: typeof Trigger;
   Content: typeof Content;
   Frame: typeof Frame;
   Input: typeof Input;

package/dist/composer.d.ts

@@ -1,9 +1,9 @@
-import { ComponentPropsWithRef } from "react";
+import { Styled } from "@journ/nude/styled";
 //#region src/composer.d.ts
 declare const composerRoot: (className?: string) => string;
 declare const composerInput: (className?: string) => string;
-declare const Root: ({ className, ...props }: ComponentPropsWithRef<'div'>) => import("react").JSX.Element;
-declare const Input: ({ className, ...props }: ComponentPropsWithRef<'input'>) => import("react").JSX.Element;
+declare const Root: Styled<"div">;
+declare const Input: Styled<"input">;
 declare const Composer: {
   Root: typeof Root;
   Input: typeof Input;

package/dist/context-menu-parts.d.ts

@@ -1,15 +1,12 @@
+import { MenuPart } from "./lib/menu-parts.js";
+import * as Nude from "@journ/nude/context-menu-parts";
 //#region src/context-menu-parts.d.ts
-declare const Root: any;
-declare const Trigger: any;
-declare const Group: any;
-declare const Content: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
-  className?: string;
-}) => import("react").JSX.Element, Item: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
-  className?: string;
-}) => import("react").JSX.Element, Label: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
-  className?: string;
-}) => import("react").JSX.Element, Separator: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
-  className?: string;
-}) => import("react").JSX.Element;
+declare const Root: typeof Nude.Root;
+declare const Trigger: typeof Nude.Trigger;
+declare const Group: typeof Nude.Group;
+declare const Content: MenuPart<typeof Nude.Content>;
+declare const Item: MenuPart<typeof Nude.Item>;
+declare const Label: MenuPart<typeof Nude.Label>;
+declare const Separator: MenuPart<typeof Nude.Separator>;
 //#endregion
 export { Content, Group, Item, Label, Root, Separator, Trigger };

package/dist/context-menu-parts.js

@@ -5,6 +5,10 @@ import * as Nude from "@journ/nude/context-menu-parts";
 const Root = Nude.Root;
 const Trigger = Nude.Trigger;
 const Group = Nude.Group;
-const { Content, Item, Label, Separator } = styleMenuParts(Nude);
+const menu = styleMenuParts(Nude);
+const Content = menu.Content;
+const Item = menu.Item;
+const Label = menu.Label;
+const Separator = menu.Separator;
 //#endregion
 export { Content, Group, Item, Label, Root, Separator, Trigger };

package/dist/context-menu.d.ts

@@ -1,20 +1,13 @@
+import { Content, Group, Item, Label, Root, Separator, Trigger } from "./context-menu-parts.js";
 //#region src/context-menu.d.ts
 declare const ContextMenu: {
-  Root: any;
-  Trigger: any;
-  Content: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
-    className?: string;
-  }) => import("react").JSX.Element;
-  Group: any;
-  Label: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
-    className?: string;
-  }) => import("react").JSX.Element;
-  Item: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
-    className?: string;
-  }) => import("react").JSX.Element;
-  Separator: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
-    className?: string;
-  }) => import("react").JSX.Element;
+  Root: typeof Root;
+  Trigger: typeof Trigger;
+  Content: typeof Content;
+  Group: typeof Group;
+  Label: typeof Label;
+  Item: typeof Item;
+  Separator: typeof Separator;
 };
 //#endregion
 export { ContextMenu };

package/dist/currency-input-parts.d.ts

@@ -1,8 +1,8 @@
-import { ComponentPropsWithRef } from "react";
 import * as Nude from "@journ/nude/currency-input-parts";
 import { RootProps } from "@journ/nude/currency-input-parts";
+import { Styled } from "@journ/nude/styled";
 //#region src/currency-input-parts.d.ts
-declare const Root: any;
-declare const Field: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Field>) => import("react").JSX.Element;
+declare const Root: typeof Nude.Root;
+declare const Field: Styled<typeof Nude.Field>;
 //#endregion
 export { Field, Root, type RootProps };

package/dist/currency-input.d.ts

@@ -1,7 +1,7 @@
-import { Field, RootProps } from "./currency-input-parts.js";
+import { Field, Root, RootProps } from "./currency-input-parts.js";
 //#region src/currency-input.d.ts
 declare const CurrencyInput: {
-  Root: any;
+  Root: typeof Root;
   Field: typeof Field;
 };
 //#endregion

package/dist/data-table-parts.d.ts

@@ -1,10 +1,17 @@
-import { ComponentPropsWithRef } from "react";
+import { JSX } from "react";
 import * as Nude from "@journ/nude/data-table-parts";
 import { DataTableColumn, RowData, TableViewProps } from "@journ/nude/data-table-parts";
+import { Styled } from "@journ/nude/styled";
 //#region src/data-table-parts.d.ts
-declare const dataTableColumns: any, selectColumn: any, useDataTable: any, ColumnPicker: any, View: any, Pager: any, SelectionBar: any;
-type RootProps<TData extends RowData> = Omit<Nude.RootProps<TData>, 'components' | 'classNames' | 'icons'>;
-declare const Root: <TData extends RowData>(props: RootProps<TData>) => import("react").JSX.Element;
-declare const Toolbar: ({ className, ...props }: ComponentPropsWithRef<'div'>) => import("react").JSX.Element;
+declare const dataTableColumns: typeof Nude.dataTableColumns;
+declare const selectColumn: typeof Nude.selectColumn;
+declare const useDataTable: typeof Nude.useDataTable;
+declare const ColumnPicker: typeof Nude.ColumnPicker;
+declare const View: typeof Nude.View;
+declare const Pager: typeof Nude.Pager;
+declare const SelectionBar: typeof Nude.SelectionBar;
+type RootProps<TData extends RowData> = Omit<Nude.RootProps<TData>, "components" | "classNames" | "icons">;
+declare const Root: <TData extends RowData>(props: RootProps<TData>) => JSX.Element;
+declare const Toolbar: Styled<"div">;
 //#endregion
 export { ColumnPicker, type DataTableColumn, Pager, Root, type RootProps, SelectionBar, type TableViewProps, Toolbar, View, dataTableColumns, selectColumn, useDataTable };

package/dist/data-table-parts.js

@@ -10,7 +10,13 @@ import { ArrowDown, ArrowUp, ChevronLeft, ChevronRight, ChevronsUpDown, Columns3
 import { jsx } from "react/jsx-runtime";
 import * as Nude from "@journ/nude/data-table-parts";
 //#region src/data-table-parts.tsx
-const { dataTableColumns, selectColumn, useDataTable, ColumnPicker, View, Pager, SelectionBar } = Nude;
+const dataTableColumns = Nude.dataTableColumns;
+const selectColumn = Nude.selectColumn;
+const useDataTable = Nude.useDataTable;
+const ColumnPicker = Nude.ColumnPicker;
+const View = Nude.View;
+const Pager = Nude.Pager;
+const SelectionBar = Nude.SelectionBar;
 const OutlineButton = (props) => /* @__PURE__ */ jsx(Button, {
 	tone: "outline",
 	...props

package/dist/data-table.d.ts

@@ -1,12 +1,12 @@
-import { DataTableColumn, Root, RootProps, Toolbar, dataTableColumns, selectColumn, useDataTable } from "./data-table-parts.js";
+import { ColumnPicker, DataTableColumn, Pager, Root, RootProps, SelectionBar, Toolbar, View, dataTableColumns, selectColumn, useDataTable } from "./data-table-parts.js";
 //#region src/data-table.d.ts
 declare const DataTable: {
   Root: typeof Root;
   Toolbar: typeof Toolbar;
-  ColumnPicker: any;
-  Table: any;
-  Pager: any;
-  SelectionBar: any;
+  ColumnPicker: typeof ColumnPicker;
+  Table: typeof View;
+  Pager: typeof Pager;
+  SelectionBar: typeof SelectionBar;
 };
 //#endregion
 export { DataTable, type DataTableColumn, type RootProps as DataTableProps, dataTableColumns, selectColumn, useDataTable };

package/dist/date-input-parts.d.ts

@@ -1,7 +1,7 @@
-import { ComponentPropsWithRef } from "react";
 import * as Nude from "@journ/nude/date-input-parts";
+import { Styled } from "@journ/nude/styled";
 //#region src/date-input-parts.d.ts
-declare const Root: any;
-declare const Field: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Field>) => import("react").JSX.Element;
+declare const Root: typeof Nude.Root;
+declare const Field: Styled<typeof Nude.Field>;
 //#endregion
 export { Field, Root };

package/dist/date-input.d.ts

@@ -1,7 +1,7 @@
-import { Field } from "./date-input-parts.js";
+import { Field, Root } from "./date-input-parts.js";
 //#region src/date-input.d.ts
 declare const DateInput: {
-  Root: any;
+  Root: typeof Root;
   Field: typeof Field;
 };
 //#endregion

package/dist/date-picker-parts.d.ts

@@ -1,11 +1,13 @@
-import { ButtonProps } from "./button.js";
+import { PickerTrigger, PickerValue } from "./lib/picker.js";
+import { ComponentPropsWithRef } from "react";
+import * as Nude from "@journ/nude/date-picker-parts";
 import { DatePickerActions, DatePickerContextValue, DatePickerMeta, DatePickerState, RootProps } from "@journ/nude/date-picker-parts";
 //#region src/date-picker-parts.d.ts
-declare const Provider: any, Root: any, Calendar: any, useDatePicker: any;
-declare const Trigger: ({ tone, className, children, ...props }: import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-  tone?: ButtonProps['tone'];
-}) => import("react").JSX.Element, Value: ({ className, ...props }: {
-  className?: string;
-}) => import("react").JSX.Element;
+declare const Provider: typeof Nude.Provider;
+declare const Root: typeof Nude.Root;
+declare const Calendar: typeof Nude.Calendar;
+declare const useDatePicker: typeof Nude.useDatePicker;
+declare const Trigger: PickerTrigger;
+declare const Value: PickerValue<ComponentPropsWithRef<typeof Nude.Value>>;
 //#endregion
 export { Calendar, type DatePickerActions, type DatePickerContextValue, type DatePickerMeta, type DatePickerState, Provider, Root, type RootProps, Trigger, Value, useDatePicker };

package/dist/date-picker-parts.js

@@ -2,7 +2,12 @@
 import { stylePicker } from "./lib/picker.js";
 import * as Nude from "@journ/nude/date-picker-parts";
 //#region src/date-picker-parts.tsx
-const { Provider, Root, Calendar, useDatePicker } = Nude;
-const { Trigger, Value } = stylePicker(Nude);
+const Provider = Nude.Provider;
+const Root = Nude.Root;
+const Calendar = Nude.Calendar;
+const useDatePicker = Nude.useDatePicker;
+const picker = stylePicker(Nude);
+const Trigger = picker.Trigger;
+const Value = picker.Value;
 //#endregion
 export { Calendar, Provider, Root, Trigger, Value, useDatePicker };

package/dist/date-picker.d.ts

@@ -1,20 +1,15 @@
-import { ButtonProps } from "./button.js";
 import { Content, Description, Title } from "./drawer-parts.js";
-import { DatePickerActions, DatePickerContextValue, DatePickerMeta, DatePickerState, RootProps, useDatePicker } from "./date-picker-parts.js";
+import { Calendar, DatePickerActions, DatePickerContextValue, DatePickerMeta, DatePickerState, Provider, Root, RootProps, Trigger, Value, useDatePicker } from "./date-picker-parts.js";
 //#region src/date-picker.d.ts
 declare const DatePicker: {
-  Provider: any;
-  Root: any;
-  Trigger: ({ tone, className, children, ...props }: import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    tone?: ButtonProps['tone'];
-  }) => import("react").JSX.Element;
-  Value: ({ className, ...props }: {
-    className?: string;
-  }) => import("react").JSX.Element;
+  Provider: typeof Provider;
+  Root: typeof Root;
+  Trigger: typeof Trigger;
+  Value: typeof Value;
   Content: typeof Content;
   Title: typeof Title;
   Description: typeof Description;
-  Calendar: any;
+  Calendar: typeof Calendar;
 };
 //#endregion
 export { DatePicker, type DatePickerActions, type DatePickerContextValue, type DatePickerMeta, type RootProps as DatePickerProps, type DatePickerState, useDatePicker };

package/dist/date-range-picker-parts.d.ts

@@ -1,11 +1,13 @@
-import { ButtonProps } from "./button.js";
+import { PickerTrigger, PickerValue } from "./lib/picker.js";
+import { ComponentPropsWithRef } from "react";
+import * as Nude from "@journ/nude/date-range-picker-parts";
 import { DateRange, DateRangePickerActions, DateRangePickerContextValue, DateRangePickerMeta, DateRangePickerState, RootProps } from "@journ/nude/date-range-picker-parts";
 //#region src/date-range-picker-parts.d.ts
-declare const Provider: any, Root: any, Calendar: any, useDateRangePicker: any;
-declare const Trigger: ({ tone, className, children, ...props }: import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-  tone?: ButtonProps['tone'];
-}) => import("react").JSX.Element, Value: ({ className, ...props }: {
-  className?: string;
-}) => import("react").JSX.Element;
+declare const Provider: typeof Nude.Provider;
+declare const Root: typeof Nude.Root;
+declare const Calendar: typeof Nude.Calendar;
+declare const useDateRangePicker: typeof Nude.useDateRangePicker;
+declare const Trigger: PickerTrigger;
+declare const Value: PickerValue<ComponentPropsWithRef<typeof Nude.Value>>;
 //#endregion
 export { Calendar, type DateRange, type DateRangePickerActions, type DateRangePickerContextValue, type DateRangePickerMeta, type DateRangePickerState, Provider, Root, type RootProps, Trigger, Value, useDateRangePicker };

package/dist/date-range-picker-parts.js

@@ -2,7 +2,12 @@
 import { stylePicker } from "./lib/picker.js";
 import * as Nude from "@journ/nude/date-range-picker-parts";
 //#region src/date-range-picker-parts.tsx
-const { Provider, Root, Calendar, useDateRangePicker } = Nude;
-const { Trigger, Value } = stylePicker(Nude);
+const Provider = Nude.Provider;
+const Root = Nude.Root;
+const Calendar = Nude.Calendar;
+const useDateRangePicker = Nude.useDateRangePicker;
+const picker = stylePicker(Nude);
+const Trigger = picker.Trigger;
+const Value = picker.Value;
 //#endregion
 export { Calendar, Provider, Root, Trigger, Value, useDateRangePicker };

package/dist/date-range-picker.d.ts

@@ -1,20 +1,15 @@
-import { ButtonProps } from "./button.js";
 import { Content, Description, Title } from "./drawer-parts.js";
-import { DateRange, DateRangePickerActions, DateRangePickerContextValue, DateRangePickerMeta, DateRangePickerState, RootProps, useDateRangePicker } from "./date-range-picker-parts.js";
+import { Calendar, DateRange, DateRangePickerActions, DateRangePickerContextValue, DateRangePickerMeta, DateRangePickerState, Provider, Root, RootProps, Trigger, Value, useDateRangePicker } from "./date-range-picker-parts.js";
 //#region src/date-range-picker.d.ts
 declare const DateRangePicker: {
-  Provider: any;
-  Root: any;
-  Trigger: ({ tone, className, children, ...props }: import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    tone?: ButtonProps['tone'];
-  }) => import("react").JSX.Element;
-  Value: ({ className, ...props }: {
-    className?: string;
-  }) => import("react").JSX.Element;
+  Provider: typeof Provider;
+  Root: typeof Root;
+  Trigger: typeof Trigger;
+  Value: typeof Value;
   Content: typeof Content;
   Title: typeof Title;
   Description: typeof Description;
-  Calendar: any;
+  Calendar: typeof Calendar;
 };
 //#endregion
 export { type DateRange, DateRangePicker, type DateRangePickerActions, type DateRangePickerContextValue, type DateRangePickerMeta, type RootProps as DateRangePickerProps, type DateRangePickerState, useDateRangePicker };

package/dist/description-list.d.ts

@@ -1,8 +1,8 @@
-import { ComponentPropsWithRef } from "react";
+import { Styled } from "@journ/nude/styled";
 //#region src/description-list.d.ts
-declare const Root: ({ className, ...props }: ComponentPropsWithRef<'dl'>) => import("react").JSX.Element;
-declare const Term: ({ className, ...props }: ComponentPropsWithRef<'dt'>) => import("react").JSX.Element;
-declare const Details: ({ className, ...props }: ComponentPropsWithRef<'dd'>) => import("react").JSX.Element;
+declare const Root: Styled<"dl">;
+declare const Term: Styled<"dt">;
+declare const Details: Styled<"dd">;
 declare const DescriptionList: {
   Root: typeof Root;
   Term: typeof Term;

package/dist/dialog-parts.d.ts

@@ -1,15 +1,17 @@
 import { Actions, Body } from "./lib/modal-parts.js";
-import { centeredPanel } from "./lib/overlay.js";
-import { VariantProps } from "./lib/tv.js";
-import { ComponentPropsWithRef } from "react";
+import { SurfaceTone } from "./lib/tones.js";
+import { ComponentPropsWithRef, JSX } from "react";
 import * as Nude from "@journ/nude/dialog-parts";
+import { Styled } from "@journ/nude/styled";
 //#region src/dialog-parts.d.ts
-declare const Root: any;
-declare const Trigger: any;
-declare const Close: any;
-type ContentProps = Omit<ComponentPropsWithRef<typeof Nude.Content>, 'classNames' | 'overlayRef'> & VariantProps<typeof centeredPanel>;
-declare const Content: ({ tone, className, ...props }: ContentProps) => import("react").JSX.Element;
-declare const Title: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Title>) => import("react").JSX.Element;
-declare const Description: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Description>) => import("react").JSX.Element;
+declare const Root: typeof Nude.Root;
+declare const Trigger: typeof Nude.Trigger;
+declare const Close: typeof Nude.Close;
+type ContentProps = Omit<ComponentPropsWithRef<typeof Nude.Content>, "classNames" | "overlayRef"> & {
+  tone?: SurfaceTone;
+};
+declare const Content: ({ tone, className, ...props }: ContentProps) => JSX.Element;
+declare const Title: Styled<typeof Nude.Title>;
+declare const Description: Styled<typeof Nude.Description>;
 //#endregion
 export { Actions, Body, Close, Content, Description, type ContentProps as DialogContentProps, Root, Title, Trigger };

package/dist/dialog.d.ts

@@ -1,10 +1,10 @@
 import { Actions, Body } from "./lib/modal-parts.js";
-import { Content, Description, Title } from "./dialog-parts.js";
+import { Close, Content, Description, Root, Title, Trigger } from "./dialog-parts.js";
 //#region src/dialog.d.ts
 declare const Dialog: {
-  Root: any;
-  Trigger: any;
-  Close: any;
+  Root: typeof Root;
+  Trigger: typeof Trigger;
+  Close: typeof Close;
   Content: typeof Content;
   Title: typeof Title;
   Description: typeof Description;

package/dist/divider.d.ts

@@ -1,6 +1,6 @@
-import { ComponentPropsWithRef } from "react";
 import { Divider as Divider$1 } from "@journ/nude/divider";
+import { Styled } from "@journ/nude/styled";
 //#region src/divider.d.ts
-declare const Divider: ({ orientation, decorative, className, ...props }: ComponentPropsWithRef<typeof Divider$1>) => import("react").JSX.Element;
+declare const Divider: Styled<typeof Divider$1>;
 //#endregion
 export { Divider };

package/dist/drawer-parts.d.ts

@@ -1,13 +1,14 @@
 import { Actions, Body } from "./lib/modal-parts.js";
-import { ComponentPropsWithRef } from "react";
+import { ComponentPropsWithRef, JSX } from "react";
 import * as Nude from "@journ/nude/drawer-parts";
+import { Styled } from "@journ/nude/styled";
 //#region src/drawer-parts.d.ts
-declare const Root: any;
-declare const Trigger: any;
-declare const Close: any;
-type ContentProps = Omit<ComponentPropsWithRef<typeof Nude.Content>, 'classNames' | 'overlayRef'>;
-declare const Content: ({ className, children, ...props }: ContentProps) => import("react").JSX.Element;
-declare const Title: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Title>) => import("react").JSX.Element;
-declare const Description: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Description>) => import("react").JSX.Element;
+declare const Root: typeof Nude.Root;
+declare const Trigger: typeof Nude.Trigger;
+declare const Close: typeof Nude.Close;
+type ContentProps = Omit<ComponentPropsWithRef<typeof Nude.Content>, "classNames" | "overlayRef">;
+declare const Content: ({ className, children, ...props }: ContentProps) => JSX.Element;
+declare const Title: Styled<typeof Nude.Title>;
+declare const Description: Styled<typeof Nude.Description>;
 //#endregion
 export { Actions, Body, Close, Content, Description, Root, Title, Trigger };

package/dist/drawer.d.ts

@@ -1,10 +1,10 @@
 import { Actions, Body } from "./lib/modal-parts.js";
-import { Content, Description, Title } from "./drawer-parts.js";
+import { Close, Content, Description, Root, Title, Trigger } from "./drawer-parts.js";
 //#region src/drawer.d.ts
 declare const Drawer: {
-  Root: any;
-  Trigger: any;
-  Close: any;
+  Root: typeof Root;
+  Trigger: typeof Trigger;
+  Close: typeof Close;
   Content: typeof Content;
   Title: typeof Title;
   Description: typeof Description;

package/dist/dropdown-menu-parts.d.ts

@@ -1,15 +1,12 @@
+import { MenuPart } from "./lib/menu-parts.js";
+import * as Nude from "@journ/nude/dropdown-menu-parts";
 //#region src/dropdown-menu-parts.d.ts
-declare const Root: any;
-declare const Trigger: any;
-declare const Group: any;
-declare const Content: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
-  className?: string;
-}) => import("react").JSX.Element, Item: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
-  className?: string;
-}) => import("react").JSX.Element, Label: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
-  className?: string;
-}) => import("react").JSX.Element, Separator: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
-  className?: string;
-}) => import("react").JSX.Element;
+declare const Root: typeof Nude.Root;
+declare const Trigger: typeof Nude.Trigger;
+declare const Group: typeof Nude.Group;
+declare const Content: MenuPart<typeof Nude.Content>;
+declare const Item: MenuPart<typeof Nude.Item>;
+declare const Label: MenuPart<typeof Nude.Label>;
+declare const Separator: MenuPart<typeof Nude.Separator>;
 //#endregion
 export { Content, Group, Item, Label, Root, Separator, Trigger };

package/dist/dropdown-menu-parts.js

@@ -5,6 +5,10 @@ import * as Nude from "@journ/nude/dropdown-menu-parts";
 const Root = Nude.Root;
 const Trigger = Nude.Trigger;
 const Group = Nude.Group;
-const { Content, Item, Label, Separator } = styleMenuParts(Nude);
+const menu = styleMenuParts(Nude);
+const Content = menu.Content;
+const Item = menu.Item;
+const Label = menu.Label;
+const Separator = menu.Separator;
 //#endregion
 export { Content, Group, Item, Label, Root, Separator, Trigger };

package/dist/dropdown-menu.d.ts

@@ -1,20 +1,13 @@
+import { Content, Group, Item, Label, Root, Separator, Trigger } from "./dropdown-menu-parts.js";
 //#region src/dropdown-menu.d.ts
 declare const DropdownMenu: {
-  Root: any;
-  Trigger: any;
-  Content: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
-    className?: string;
-  }) => import("react").JSX.Element;
-  Group: any;
-  Label: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
-    className?: string;
-  }) => import("react").JSX.Element;
-  Item: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
-    className?: string;
-  }) => import("react").JSX.Element;
-  Separator: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
-    className?: string;
-  }) => import("react").JSX.Element;
+  Root: typeof Root;
+  Trigger: typeof Trigger;
+  Content: typeof Content;
+  Group: typeof Group;
+  Label: typeof Label;
+  Item: typeof Item;
+  Separator: typeof Separator;
 };
 //#endregion
 export { DropdownMenu };

package/dist/empty-state.d.ts

@@ -1,10 +1,10 @@
-import { ComponentPropsWithRef } from "react";
+import { Styled } from "@journ/nude/styled";
 //#region src/empty-state.d.ts
-declare const Root: ({ className, ...props }: ComponentPropsWithRef<'div'>) => import("react").JSX.Element;
-declare const Icon: ({ className, ...props }: ComponentPropsWithRef<'span'>) => import("react").JSX.Element;
-declare const Title: ({ className, ...props }: ComponentPropsWithRef<'h3'>) => import("react").JSX.Element;
-declare const Description: ({ className, ...props }: ComponentPropsWithRef<'p'>) => import("react").JSX.Element;
-declare const Actions: ({ className, ...props }: ComponentPropsWithRef<'div'>) => import("react").JSX.Element;
+declare const Root: Styled<"div">;
+declare const Icon: Styled<"span">;
+declare const Title: Styled<"h3">;
+declare const Description: Styled<"p">;
+declare const Actions: Styled<"div">;
 declare const EmptyState: {
   Root: typeof Root;
   Icon: typeof Icon;

package/dist/field-parts.d.ts

@@ -1,10 +1,10 @@
-import { ComponentPropsWithRef } from "react";
 import * as Nude from "@journ/nude/field-parts";
+import { Styled } from "@journ/nude/styled";
 //#region src/field-parts.d.ts
-declare const Root: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Root>) => import("react").JSX.Element;
-declare const Label: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Label>) => import("react").JSX.Element;
-declare const Description: ({ className, ...props }: ComponentPropsWithRef<'p'>) => import("react").JSX.Element;
-declare const FieldError: ({ className, ...props }: ComponentPropsWithRef<'p'>) => import("react").JSX.Element;
-declare const Control: any;
+declare const Root: Styled<typeof Nude.Root>;
+declare const Label: Styled<typeof Nude.Label>;
+declare const Description: Styled<"p">;
+declare const FieldError: Styled<"p">;
+declare const Control: typeof Nude.Control;
 //#endregion
 export { Control, Description, FieldError as Error, Label, Root };