@bysages/react 0.4.0 → 0.4.2

package/dist/components/combobox/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Combobox as Combobox$1, createListCollection } from "@ark-ui/react/combobox";
 //#region src/components/combobox/index.tsx

package/dist/components/command/index.mjs

@@ -1,7 +1,7 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
 import { Dialog as Dialog$1 } from "../dialog/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Portal } from "@ark-ui/react/portal";

package/dist/components/comment/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/comment/index.tsx
 function CommentImpl({ author, datetime, avatar, actions, children, ...rest }) {

package/dist/components/container/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/container/index.tsx
 function ContainerImpl({ size = "readable", padding = true, ...rest }) {

package/dist/components/data-view/index.mjs

@@ -1,7 +1,7 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
 import { Pagination } from "../pagination/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 //#region src/components/data-view/index.tsx

package/dist/components/date-input/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DateInput as DateInput$1 } from "@ark-ui/react/date-input";
 //#region src/components/date-input/index.tsx

package/dist/components/date-picker/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { DatePicker as DatePicker$1 } from "@ark-ui/react/date-picker";
 //#region src/components/date-picker/index.tsx

package/dist/components/deferred-content/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 //#region src/components/deferred-content/index.tsx

package/dist/components/descriptions/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/descriptions/index.tsx
 function DescriptionsRoot({ layout = "horizontal", bordered = false, column = 1, items, children, ...rest }) {

package/dist/components/dialog/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Dialog as Dialog$1 } from "@ark-ui/react/dialog";
 //#region src/components/dialog/index.tsx

package/dist/components/dock/index.mjs

@@ -1,4 +1,4 @@
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/dock/index.tsx
 const ITEM = "[data-scope=\"dock\"][data-part=\"item\"]";

package/dist/components/drawer/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Drawer as Drawer$1 } from "@ark-ui/react/drawer";
 //#region src/components/drawer/index.tsx

package/dist/components/dynamic-input/index.mjs

@@ -2,8 +2,8 @@ import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
 import { Button } from "../button/index.mjs";
-import { t as Input } from "../../input-C21Zzuy6.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { t as Input } from "../../input-BDpQ0e6G.mjs";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/dynamic-input/index.tsx
 /**

package/dist/components/editable/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Editable as Editable$1 } from "@ark-ui/react/editable";
 //#region src/components/editable/index.tsx

package/dist/components/ellipsis/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/ellipsis/index.tsx
 function EllipsisImpl({ lines = 1, ...rest }) {

package/dist/components/empty/index.mjs

@@ -1,4 +1,4 @@
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/empty/index.tsx
 /** An empty state: the page holds its breath. Root centers the column,

package/dist/components/field/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Field as Field$1 } from "@ark-ui/react/field";
 //#region src/components/field/index.tsx

package/dist/components/fieldset/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fieldset as Fieldset$1 } from "@ark-ui/react/fieldset";
 //#region src/components/fieldset/index.tsx

package/dist/components/file-upload/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { FileUpload as FileUpload$1 } from "@ark-ui/react/file-upload";
 //#region src/components/file-upload/index.tsx

package/dist/components/float-button/index.mjs

@@ -1,6 +1,6 @@
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
 import { Button } from "../button/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useState } from "react";
 //#region src/components/float-button/index.tsx

package/dist/components/floating-panel/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { FloatingPanel as FloatingPanel$1 } from "@ark-ui/react/floating-panel";
 //#region src/components/floating-panel/index.tsx

package/dist/components/form/index.d.mts

@@ -1,2 +1,48 @@
-import { a as useField, c as FieldApi, i as FormProps, n as FormField, o as useForm, r as FormFieldProps, s as FormApi, t as Form } from "../../index-PsgGWW3m.mjs";
-export { type FieldApi, Form, type FormApi, FormField, FormFieldProps, FormProps, useField, useForm };
+import { ComponentType, HTMLAttributes, ReactNode } from "react";
+import { FieldApi, FormApi, useField, useForm } from "@tanstack/react-form";
+//#region src/components/form/index.d.ts
+/** The seam this family passes the engine through — the members the
+ * components drive, with the engine's field-name generics opened to
+ * `any`. The engine ships no "any form" alias: its loosest, `FormLikeAPI`,
+ * still pins names to `string`, which a concrete form's literal names
+ * cannot satisfy. */
+interface AnyFormApi {
+  handleSubmit(): Promise<unknown>;
+  setFieldMeta(field: any, updater: (prev: any) => any): void;
+  Field: ComponentType<any>;
+}
+/** The form element itself: native submit interception handing the event
+ * to the engine, one grid, one spacing voice. */
+export interface FormProps extends HTMLAttributes<HTMLFormElement> {
+  form: AnyFormApi;
+}
+declare function FormImpl({ form, children, ...rest }: FormProps): import("react").JSX.Element;
+export declare const Form: typeof FormImpl & {
+  Root: typeof FormImpl;
+};
+/**
+ * The named slot in the grid: label, control, hint — and the engine's
+ * errors for this name, shown through the same parts the standalone
+ * Field family styles. The children may be a render receiving the live
+ * TanStack field (value, handleChange, handleBlur, full state), so every
+ * capability the engine has is right there where the control is wired.
+ * Without a Form above it degrades to a plain labelled field.
+ */
+export interface FormFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+  form?: AnyFormApi;
+  name: string;
+  /** The engine's validator slots for this name (onChange, onBlur, ...). */
+  validators?: any;
+  label?: string;
+  hint?: string;
+  required?: boolean;
+  invalid?: boolean;
+  disabled?: boolean;
+  children?: ReactNode | ((field: any) => ReactNode);
+}
+declare function FormFieldImpl({ form: formProp, name, label, hint, required, invalid, disabled, children, ...rest }: FormFieldProps): import("react").JSX.Element;
+export declare const FormField: typeof FormFieldImpl & {
+  Root: typeof FormFieldImpl;
+};
+//#endregion
+export { type FieldApi, type FormApi, useField, useForm };

package/dist/components/form/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
 import { Field } from "@ark-ui/react/field";

package/dist/components/grid/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/grid/index.tsx
 /** The same named steps of the space ramp the stack uses — one

package/dist/components/highlight/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 import { Highlight as Highlight$1 } from "@ark-ui/react/highlight";
 //#region src/components/highlight/index.tsx

package/dist/components/hover-card/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { HoverCard as HoverCard$1 } from "@ark-ui/react/hover-card";
 //#region src/components/hover-card/index.tsx

package/dist/components/icon/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { getIcon } from "@bysages/core/icons";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/icon/index.tsx

package/dist/components/image/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 //#region src/components/image/index.tsx

package/dist/components/image-cropper/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ImageCropper as ImageCropper$1 } from "@ark-ui/react/image-cropper";
 //#region src/components/image-cropper/index.tsx

package/dist/components/image-viewer/index.mjs

@@ -1,4 +1,4 @@
 import "../button-group/index.mjs";
 import "../dialog/index.mjs";
-import { t as ImageViewer } from "../../image-viewer-Cf6thHax.mjs";
+import { t as ImageViewer } from "../../image-viewer-B-hKFkEw.mjs";
 export { ImageViewer };

package/dist/components/input/index.mjs

@@ -1,2 +1,2 @@
-import { t as Input } from "../../input-C21Zzuy6.mjs";
+import { t as Input } from "../../input-BDpQ0e6G.mjs";
 export { Input };

package/dist/components/input-group/index.mjs

@@ -1,4 +1,4 @@
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/input-group/index.tsx
 function part(name) {

package/dist/components/json-tree-view/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 import { JsonTreeView as JsonTreeView$1 } from "@ark-ui/react/json-tree-view";
 //#region src/components/json-tree-view/index.tsx

package/dist/components/kbd/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/kbd/index.tsx
 function KbdImpl({ children, ...rest }) {

package/dist/components/layout/index.mjs

@@ -1,5 +1,5 @@
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Splitter } from "@ark-ui/react/splitter";

package/dist/components/link/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/link/index.tsx
 /** A link is ink in the accent's voice: quiet at rest, deepening under

package/dist/components/list/index.mjs

@@ -1,4 +1,4 @@
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/list/index.tsx
 /** A ledger of rows: Root is the list, Item one row, Leading the mark

package/dist/components/listbox/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Listbox as Listbox$1, createListCollection } from "@ark-ui/react/listbox";
 //#region src/components/listbox/index.tsx

package/dist/components/marquee/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Marquee as Marquee$1 } from "@ark-ui/react/marquee";
 //#region src/components/marquee/index.tsx

package/dist/components/masonry/index.mjs

@@ -1,5 +1,5 @@
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/masonry/index.tsx
 /** The same named steps of the space ramp the stack uses — one

package/dist/components/media-player/index.mjs

@@ -1,2 +1,2 @@
-import { n as Video, r as formatMediaTime, t as Audio } from "../../media-player-gQrnxU52.mjs";
+import { n as Video, r as formatMediaTime, t as Audio } from "../../media-player-DjVvo1_7.mjs";
 export { Audio, Video, formatMediaTime };

package/dist/components/mentions/index.mjs

@@ -1,2 +1,2 @@
-import { n as MentionsVessel, r as useMentions, t as Mentions } from "../../mentions-BuWibdci.mjs";
+import { n as MentionsVessel, r as useMentions, t as Mentions } from "../../mentions-BwnyvdXz.mjs";
 export { Mentions, MentionsVessel, useMentions };

package/dist/components/menu/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
 import { Menu as Menu$1 } from "@ark-ui/react/menu";

package/dist/components/menubar/index.mjs

@@ -1,6 +1,6 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { Menu as Menu$1 } from "../menu/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Portal } from "@ark-ui/react/portal";
 import { Menu } from "@ark-ui/react/menu";

package/dist/components/meter/index.mjs

@@ -1,4 +1,4 @@
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/meter/index.tsx
 function part(name, tag) {

package/dist/components/navigation-menu/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { NavigationMenu as NavigationMenu$1 } from "@ark-ui/react/navigation-menu";
 //#region src/components/navigation-menu/index.tsx

package/dist/components/number-input/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { NumberInput as NumberInput$1 } from "@ark-ui/react/number-input";
 //#region src/components/number-input/index.tsx

package/dist/components/order-list/index.mjs

@@ -1,7 +1,7 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
 import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useState } from "react";
 //#region src/components/order-list/index.tsx

package/dist/components/page-header/index.mjs

@@ -1,4 +1,4 @@
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/page-header/index.tsx
 /** The page's face: an eyebrow whisper, a serif title, one line of

package/dist/components/pagination/index.d.mts

@@ -21,6 +21,8 @@ type PaginationFacadeProps = {
   siblingCount?: number;
   label?: string;
   size?: "sm" | "md" | "lg";
+  /** full is the page-seal ladder; simple keeps prev, the count, next. */
+  variant?: "default" | "simple";
   className?: string;
   style?: CSSProperties;
   onValueChange?: (page: number) => void;

package/dist/components/pagination/index.mjs

@@ -1,7 +1,7 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { injectComponentStyle } from "@bysages/core/styling";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Pagination as Pagination$1 } from "@ark-ui/react/pagination";
 //#region src/components/pagination/index.tsx
 function PaginationRoot(props) {
@@ -19,8 +19,8 @@ const PaginationNextTrigger = Pagination$1.NextTrigger;
 /** The complete pagination bar behind one page: count and page size become
 * the visible ladder, with edge semantics left to anatomy. */
 function PaginationFacade(props) {
-	const { value, defaultValue, count = 0, pageSize, defaultPageSize, siblingCount = 1, label, size = "md", className, style, onValueChange } = props;
-	return /* @__PURE__ */ jsxs(PaginationRoot, {
+	const { value, defaultValue, count = 0, pageSize, defaultPageSize, siblingCount = 1, label, size = "md", variant = "default", className, style, onValueChange } = props;
+	return /* @__PURE__ */ jsx(PaginationRoot, {
 		size,
 		"aria-label": label,
 		count,
@@ -29,10 +29,35 @@ function PaginationFacade(props) {
 		...pageSize === void 0 ? {} : { pageSize },
 		...defaultPageSize === void 0 ? {} : { defaultPageSize },
 		siblingCount,
+		"data-variant": variant === "simple" ? variant : void 0,
 		className,
 		style,
 		onPageChange: (event) => onValueChange?.(event.page),
-		children: [
+		children: variant === "simple" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx(PaginationPrevTrigger, {
+				"aria-label": "Previous page",
+				children: iconNode("chevron-left", {
+					width: 14,
+					height: 14
+				})
+			}),
+			/* @__PURE__ */ jsx(Pagination$1.Context, { children: (pagination) => /* @__PURE__ */ jsxs("span", {
+				"data-scope": "pagination",
+				"data-part": "status",
+				children: [
+					pagination.page,
+					" / ",
+					pagination.totalPages
+				]
+			}) }),
+			/* @__PURE__ */ jsx(PaginationNextTrigger, {
+				"aria-label": "Next page",
+				children: iconNode("chevron-right", {
+					width: 14,
+					height: 14
+				})
+			})
+		] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
 			/* @__PURE__ */ jsx(PaginationPrevTrigger, {
 				"aria-label": "Previous page",
 				children: iconNode("chevron-left", {
@@ -55,7 +80,7 @@ function PaginationFacade(props) {
 					height: 14
 				})
 			})
-		]
+		] })
 	});
 }
 const Pagination = Object.assign(PaginationFacade, {

package/dist/components/password-input/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { PasswordInput as PasswordInput$1 } from "@ark-ui/react/password-input";
 //#region src/components/password-input/index.tsx

package/dist/components/pin-input/index.mjs

@@ -1,5 +1,5 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { PinInput as PinInput$1 } from "@ark-ui/react/pin-input";
 //#region src/components/pin-input/index.tsx

package/dist/components/popconfirm/index.mjs

@@ -1,7 +1,7 @@
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
 import { Button } from "../button/index.mjs";
 import { Popover as Popover$1 } from "../popover/index.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Popover } from "@ark-ui/react/popover";
 import { Portal } from "@ark-ui/react/portal";

package/dist/components/popover/index.mjs

@@ -1,6 +1,6 @@
 import { t as iconNode } from "../../icon-BALgGtNK.mjs";
 import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { isValidElement } from "react";
 import { Popover as Popover$1 } from "@ark-ui/react/popover";

package/dist/components/progress/index.d.mts

@@ -16,14 +16,14 @@ type ProgressFacadeProps = {
   min?: number;
   max?: number;
   label?: string;
-  variant?: "linear" | "circle";
+  variant?: "linear" | "circle" | "dashboard";
   size?: "sm" | "md" | "lg";
   className?: string;
   style?: CSSProperties;
   onValueChange?: (value: number | null) => void;
 };
 /** The complete progress behind one value: a labelled linear groove by
- * default, with a circular variant for compact status. */
+ * default, with circular and dashboard dials for compact status. */
 declare function ProgressFacade(props: ProgressFacadeProps): import("react").JSX.Element;
 export declare const Progress: typeof ProgressFacade & Omit<typeof Progress$1, "Root"> & {
   Root: typeof ProgressRoot;