@central-ui/react 0.0.0-stage → 0.1.1

package/dist/components/select/index.d.ts.map

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

package/dist/components/select/index.js

@@ -0,0 +1,234 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Select as BaseSelect } from '@base-ui/react/select';
+import { Check, ChevronDown, ChevronUp, ChevronsUpDown } from 'lucide-react';
+import { cloneElement, createContext, forwardRef, useContext, useId, useState, } from 'react';
+import { ToneProvider, useToneContext } from "../../utils/Tone.js";
+/**
+ * Prepare groups in items. A flat-looking list is one group with an empty label and no GroupLabel; keep Group around ItemsList. OpenButtonValue already formats the selection: omit children unless a custom display is needed. Keep ScrollArea → GroupsList → Group → ItemsList → Item in Popup.
+ *
+ * @example Complete composition
+ * import { Select } from '@central-ui/react'
+ *
+ * const cities = [
+ *   { value: 'rabat', label: 'Rabat', country: 'Morocco', population: 580000 },
+ *   {
+ *     value: 'casablanca',
+ *     label: 'Casablanca',
+ *     country: 'Morocco',
+ *     population: 3359818,
+ *   },
+ *   {
+ *     value: 'marrakesh',
+ *     label: 'Marrakesh',
+ *     country: 'Morocco',
+ *     population: 928850,
+ *   },
+ * ]
+ * const allCities = [{ label: '', items: cities }]
+ * type City = Select.ItemType<typeof allCities>
+ * type Country = Select.GroupType<typeof allCities>
+ * function Example() {
+ *   return (
+ *     <Select.Root items={allCities} name="city">
+ *       <Select.Container>
+ *         <Select.Label>City</Select.Label>
+ *         <Select.OpenButton>
+ *           <Select.OpenButtonValue placeholder="Choose a city" />
+ *           <Select.OpenButtonIcon />
+ *         </Select.OpenButton>
+ *         <Select.Description>Choose a city.</Select.Description>
+ *
+ *         <Select.Popup>
+ *           <Select.ScrollArea // Required listbox and scrolling viewport.
+ *           >
+ *             <Select.GroupsList // Required groups container.
+ *             >
+ *               {(group: Country) => (
+ *                 <Select.Group
+ *                   key={group.label}
+ *                   items={group.items}
+ *                   aria-label={group.label}
+ *                 >
+ *                   <Select.ItemsList>
+ *                     {(city: City) => (
+ *                       <Select.Item
+ *                         key={city.value}
+ *                         value={city}
+ *                         disabled={city.value === 'marseille'}
+ *                       >
+ *                         <Select.ItemText>{city.label}</Select.ItemText>
+ *                         <Select.ItemIndicator />
+ *                       </Select.Item>
+ *                     )}
+ *                   </Select.ItemsList>
+ *                 </Select.Group>
+ *               )}
+ *             </Select.GroupsList>
+ *           </Select.ScrollArea>
+ *         </Select.Popup>
+ *       </Select.Container>
+ *     </Select.Root>
+ *   )
+ * }
+ *
+ * @example Custom selection display only when needed
+ * // Default usage is <Select.OpenButtonValue /> with no children.
+ * // For this custom single-selection display, items={allCities} is passed to Root.
+ * ;<Select.OpenButtonValue>
+ *   {(city: Select.ItemType<typeof allCities> | null) =>
+ *     city ? city.label + ' — ' + city.country : 'Choose a city'
+ *   }
+ * </Select.OpenButtonValue>
+ *
+ * @example Select more than one city
+ * // Keep the same popup items and OpenButtonValue; both already support multiple selection.
+ * ;<Select.Root items={allCities} multiple>
+ *   {
+ *     // Rest of components here
+ *   }
+ * </Select.Root>
+ */
+export function Root({ children, items, id, tone = 'neutral', open, defaultOpen = false, onOpenChange, ...props }) {
+    const generatedId = useId();
+    const inputId = id ?? generatedId;
+    const [openInternalState, setOpenInternalState] = useState(defaultOpen);
+    return (_jsx(BaseSelect.Root, { ...props, items: items, id: inputId, open: open, defaultOpen: defaultOpen, isItemEqualToValue: (item, selected) => item.value === selected.value, onOpenChange: (nextOpen, details) => {
+            onOpenChange?.(nextOpen, details);
+            if (!details.isCanceled)
+                setOpenInternalState(nextOpen);
+        }, children: _jsx(SelectContext.Provider, { value: {
+                inputId,
+                groups: items,
+                open: open ?? openInternalState,
+                disabled: props.disabled ?? false,
+                readOnly: props.readOnly ?? false,
+                required: props.required ?? false,
+            }, children: _jsx(ToneProvider, { value: tone, children: children }) }) }));
+}
+export const Container = forwardRef(function Container({ disableStyle, className, ...props }, ref) {
+    return (_jsx("div", { ...props, ref: ref, "data-component": "select-container", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Label = forwardRef(function Label({ disableStyle, className, ...props }, ref) {
+    const attributes = usePartAttributes();
+    return (_jsx(BaseSelect.Label, { ...attributes, ...props, ref: ref, "data-component": "select-label", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Value = BaseSelect.Value;
+/** Omit children to keep the built-in formatted value. Supply children only for a special display; do not format the selection yourself for the usual case. */
+export function OpenButtonValue({ disableStyle, className, ...props }) {
+    return (_jsx(BaseSelect.Value, { ...props, "data-component": "select-openbuttonvalue", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export const ScrollArea = forwardRef(function ScrollArea({ disableStyle, className, style, ...props }, ref) {
+    return (_jsx(BaseSelect.List, { ...props, ref: ref, style: style, "data-component": "select-scrollarea", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** Let this list render the groups. Manually annotate its children callback with Select.GroupType<typeof rootItems>, using the SAME items variable passed to Root. */
+export function GroupsList({ disableStyle, children, className, style, ...props }) {
+    const { groups } = useSelectContext();
+    return (_jsx("div", { ...props, style: style, "data-component": "select-groupslist", "data-style-disabled": disableStyle ? '' : undefined, className: className, children: typeof children === 'function'
+            ? groups.map((group, index) => children(group, index))
+            : children }));
+}
+/** Let this list render the surrounding group. Manually annotate its callback with Select.ItemType<typeof rootItems>, using the SAME items variable passed to Root. */
+export function ItemsList({ disableStyle, children, className, ...props }) {
+    const items = useItemsContext();
+    return (_jsx("div", { ...props, "data-component": "select-itemslist", "data-style-disabled": disableStyle ? '' : undefined, className: className, children: items.map((item, index) => children(item, index)) }));
+}
+export function Group({ disableStyle, items, children, className, ...props }) {
+    return (_jsx(BaseSelect.Group, { ...props, "data-component": "select-group", "data-style-disabled": disableStyle ? '' : undefined, className: className, children: _jsx(ItemsContext.Provider, { value: items, children: children }) }));
+}
+export function Item({ disableStyle, className, ...props }) {
+    return (_jsx(BaseSelect.Item, { ...props, "data-component": "select-item", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+/** Already includes the portal and positioner. Keep it in the matching Root and let the native open state control visibility. */
+export function Popup({ disableStyle, container, anchor, positionMethod, side = 'bottom', sideOffset = 5, align = 'start', alignOffset, collisionBoundary, collisionPadding, sticky, arrowPadding, disableAnchorTracking, collisionAvoidance, alignItemWithTrigger = false, className, style, ...props }) {
+    const baseStyle = {
+        maxHeight: 'var(--available-height)',
+        minWidth: 'var(--anchor-width)',
+    };
+    return (_jsx(BaseSelect.Portal, { container: container, children: _jsx(BaseSelect.Positioner, { anchor: anchor, positionMethod: positionMethod, side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, collisionBoundary: collisionBoundary, collisionPadding: collisionPadding, sticky: sticky, arrowPadding: arrowPadding, disableAnchorTracking: disableAnchorTracking, collisionAvoidance: collisionAvoidance, alignItemWithTrigger: alignItemWithTrigger, style: { zIndex: 80, maxWidth: 'var(--available-width)' }, children: _jsx(BaseSelect.Popup, { ...props, "data-component": "select-popup", "data-style-disabled": disableStyle ? '' : undefined, className: className, style: typeof style === 'function'
+                    ? (state) => ({ ...baseStyle, ...style(state) })
+                    : { ...baseStyle, ...style } }) }) }));
+}
+export const Arrow = forwardRef(function Arrow({ disableStyle, className, style, ...props }, ref) {
+    return (_jsxs(BaseSelect.Arrow, { style: style, render: _jsx("svg", { ...props, ref: ref, "aria-hidden": true, width: "20", height: "10", viewBox: "0 0 20 10" }), "data-component": "select-arrow", "data-style-disabled": disableStyle ? '' : undefined, className: className, children: [_jsx("path", { d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z", "data-component": "select-arrow-1" }), _jsx("path", { d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z", "data-component": "select-arrow-2" }), _jsx("path", { d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z", "data-component": "select-arrow-3" })] }));
+});
+/** Behavior only: give your child control this action. Style the child itself; this wrapper has no preset appearance or disableStyle prop. */
+export const PopupOpenHandler = forwardRef(function PopupOpenHandler({ children, ...props }, ref) {
+    return _jsx(BaseSelect.Trigger, { ...props, ref: ref, render: children });
+});
+export const OpenButton = forwardRef(function OpenButton({ disableStyle, className, ...props }, ref) {
+    const tone = useToneContext();
+    return (_jsx(BaseSelect.Trigger, { "data-tone": tone, ...props, ref: ref, "data-component": "select-openbutton", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** Omit for an unlabeled/flat-looking group; keep the Group wrapper. Supply the heading only when grouping should be visible. */
+export const GroupLabel = forwardRef(function GroupLabel({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseSelect.GroupLabel, { ...props, ref: ref, "data-component": "select-grouplabel", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Separator = forwardRef(function Separator({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseSelect.Separator, { ...props, ref: ref, "data-component": "select-separator", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const ItemText = forwardRef(function ItemText({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseSelect.ItemText, { ...props, ref: ref, "data-component": "select-itemtext", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Description = forwardRef(function Description({ disableStyle, className, ...props }, ref) {
+    const attributes = usePartAttributes();
+    return (_jsx("div", { ...attributes, ...props, ref: ref, "data-component": "select-description", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** You decide when to show this feedback. Changing tone does not validate data or render the message for you. */
+export const Error = forwardRef(function Error({ disableStyle, className, ...props }, ref) {
+    const attributes = usePartAttributes();
+    return (_jsx("div", { role: "alert", "aria-atomic": "true", ...attributes, ...props, ref: ref, "data-component": "select-error", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** You decide when to show this feedback. Changing tone does not validate data or render the message for you. */
+export const Success = forwardRef(function Success({ disableStyle, className, ...props }, ref) {
+    const attributes = usePartAttributes();
+    return (_jsx("div", { role: "status", "aria-atomic": "true", ...attributes, ...props, ref: ref, "data-component": "select-success", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** Built-in icon; no children needed. Use it inside its matching control. */
+export const OpenButtonIcon = forwardRef(function OpenButtonIcon({ disableStyle, className, strokeWidth = 1.5, ...props }, ref) {
+    const attributes = usePartAttributes();
+    return (_jsx(ChevronsUpDown, { ...attributes, "aria-hidden": true, ...props, ref: ref, strokeWidth: strokeWidth, "data-component": "select-openbuttonicon", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** Tracks the surrounding item state automatically. Keep it mounted; do not add your own visibility condition. Use the supplied default visual unless customization is needed. */
+export const ItemIndicator = forwardRef(function ItemIndicator({ disableStyle, children, keepMounted, ...props }, ref) {
+    const iconProps = {
+        'aria-hidden': true,
+        strokeWidth: 2,
+        ...props,
+        ref,
+        'data-component': 'select-itemindicator',
+        'data-style-disabled': disableStyle ? '' : undefined,
+    };
+    return (_jsx(BaseSelect.ItemIndicator, { keepMounted: keepMounted, children: null, render: cloneElement(children ?? _jsx(Check, {}), iconProps) }));
+});
+export const ScrollUpArrow = forwardRef(function ScrollUpArrow({ disableStyle, children, className, ...props }, ref) {
+    return (_jsx(BaseSelect.ScrollUpArrow, { ...props, ref: ref, "data-component": "select-scrolluparrow", "data-style-disabled": disableStyle ? '' : undefined, className: className, children: children ?? (_jsx(ChevronUp, { "aria-hidden": true, "data-component": "select-scrolluparrow-1" })) }));
+});
+export const ScrollDownArrow = forwardRef(function ScrollDownArrow({ disableStyle, children, className, ...props }, ref) {
+    return (_jsx(BaseSelect.ScrollDownArrow, { ...props, ref: ref, "data-component": "select-scrolldownarrow", "data-style-disabled": disableStyle ? '' : undefined, className: className, children: children ?? (_jsx(ChevronDown, { "aria-hidden": true, "data-component": "select-scrolldownarrow-1" })) }));
+});
+const ItemsContext = createContext(null);
+function useItemsContext() {
+    const items = useContext(ItemsContext);
+    if (!items)
+        throw new globalThis.Error('Select.ItemsList must be inside Select.Group');
+    return items;
+}
+const SelectContext = createContext(null);
+function useSelectContext() {
+    const context = useContext(SelectContext);
+    if (!context)
+        throw new globalThis.Error('Select parts must be inside Select.Root');
+    return context;
+}
+function usePartAttributes() {
+    const { open, disabled, readOnly, required } = useSelectContext();
+    const tone = useToneContext();
+    return {
+        'data-open': open ? '' : undefined,
+        'data-disabled': disabled ? '' : undefined,
+        'data-readonly': readOnly ? '' : undefined,
+        'data-required': required ? '' : undefined,
+        'data-tone': tone,
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/components/select/index.js.map

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

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

@@ -0,0 +1,19 @@
+import type { StyleProps } from '../../types/Style.ts';
+import type { HTMLAttributes } from 'react';
+/**
+ * Use the default skeleton while your application is loading. Supply dimensions through className; the component does not detect request state.
+ *
+ * @example Complete composition
+ * import { Skeleton } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <div className="flex flex-col gap-2">
+ *       <Skeleton.default className="h-4 w-full" />
+ *       <Skeleton.default className="h-4 w-3/4" />
+ *     </div>
+ *   )
+ * }
+ */
+export default function Skeleton({ disableStyle, className, ...props }: HTMLAttributes<HTMLDivElement> & StyleProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG,UAAU,+BAS7C"}

package/dist/components/skeleton/index.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Use the default skeleton while your application is loading. Supply dimensions through className; the component does not detect request state.
+ *
+ * @example Complete composition
+ * import { Skeleton } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <div className="flex flex-col gap-2">
+ *       <Skeleton.default className="h-4 w-full" />
+ *       <Skeleton.default className="h-4 w-3/4" />
+ *     </div>
+ *   )
+ * }
+ */
+export default function Skeleton({ disableStyle, className, ...props }) {
+    return (_jsx("div", { "data-component": "skeleton-skeleton", "data-style-disabled": disableStyle ? '' : undefined, className: className, ...props }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/skeleton/index.tsx"],"names":[],"mappings":";AAIA;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACoC;IAC5C,OAAO,CACL,gCACiB,mBAAmB,yBACb,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,72 @@
+import type { StyleProps } from '../../types/Style.ts';
+import { Slider as BaseSlider } from '@base-ui/react/slider';
+import type { ReactNode } from 'react';
+export type RootProps<Value extends number | readonly number[] = number | readonly number[]> = Omit<BaseSlider.Root.Props<Value>, 'render' | 'className'> & {
+    /** Choose the visual tone. This does not validate data or show/hide feedback messages. */
+    tone?: 'neutral' | 'valid' | 'invalid';
+};
+/**
+ * Configure bounds and value on Root. Keep Track inside TrackGroup, then Indicator and indexed DragHandles inside Track. One handle adjusts a single value; a range needs a handle for each end. MarksList/Mark are optional labels, not interactive handles.
+ *
+ * @example Complete composition
+ * import { Slider } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <Slider.Root min={0} max={100} defaultValue={50}>
+ *       <Slider.Container>
+ *         <Slider.Label>Volume</Slider.Label>
+ *         <Slider.Value />
+ *         <Slider.TrackGroup>
+ *           <Slider.Track>
+ *             <Slider.Indicator />
+ *             <Slider.DragHandle index={0} />{' '}
+ *           </Slider.Track>
+ *         </Slider.TrackGroup>
+ *         <Slider.Description>Adjust the volume.</Slider.Description>
+ *       </Slider.Container>
+ *     </Slider.Root>
+ *   )
+ * }
+ *
+ * @example Adjust both ends of a range
+ * // Configure Root defaultValue={[25, 75]}; replace its Track content with:
+ * ;<Slider.Track>
+ *   <Slider.Indicator />
+ *   <Slider.DragHandle index={0} aria-label="Minimum" />
+ *   <Slider.DragHandle index={1} aria-label="Maximum" />
+ * </Slider.Track>
+ */
+export declare function Root<Value extends number | readonly number[]>({ children, tone, ...props }: RootProps<Value>): import("react").JSX.Element;
+export declare const Container: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Label: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderLabelProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Value: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderValueProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLOutputElement>>;
+export declare const TrackGroup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderControlProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Track: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderTrackProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Indicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderIndicatorProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DragHandle: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SliderThumbProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MarksList: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children"> & {
+    children: (value: number) => ReactNode;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Mark: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    /** Place this mark at the corresponding value within Root bounds; its position is calculated automatically. */
+    value: number;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Description: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** You decide when to show this feedback. Changing tone does not validate data or render the message for you. */
+export declare const Error: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** You decide when to show this feedback. Changing tone does not validate data or render the message for you. */
+export declare const Success: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/slider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAY5D,OAAO,KAAK,EAEV,SAAS,EAIV,MAAM,OAAO,CAAA;AAId,MAAM,MAAM,SAAS,CACnB,KAAK,SAAS,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,IACnE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC,GAAG;IAC/D,0FAA0F;IAC1F,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;CACvC,CAAA;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,IAAI,CAAC,KAAK,SAAS,MAAM,GAAG,SAAS,MAAM,EAAE,EAAE,EAC7D,QAAQ,EACR,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,KAAK,CAAC,+BAqBlB;AACD,eAAO,MAAM,SAAS,uNAkBpB,CAAA;AACF,eAAO,MAAM,KAAK;gBAE2C,MAAM;uEAYjE,CAAA;AAEF,eAAO,MAAM,KAAK;gBAE2C,MAAM;0EAYjE,CAAA;AAEF,eAAO,MAAM,UAAU;gBAEwC,MAAM;uEAYnE,CAAA;AAEF,eAAO,MAAM,KAAK;gBAE2C,MAAM;uEAYjE,CAAA;AAEF,eAAO,MAAM,SAAS;gBAE2C,MAAM;uEAcrE,CAAA;AACF,eAAO,MAAM,UAAU;gBAEsC,MAAM;uEAiBjE,CAAA;AACF,eAAO,MAAM,SAAS;cAGR,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS;uEAwBxC,CAAA;AACF,eAAO,MAAM,IAAI;IAGb,+GAA+G;WACxG,MAAM;uEAyCf,CAAA;AACF,eAAO,MAAM,WAAW,uNAmBtB,CAAA;AACF,iHAAiH;AACjH,eAAO,MAAM,KAAK,uNAqBhB,CAAA;AACF,iHAAiH;AACjH,eAAO,MAAM,OAAO,uNAqBlB,CAAA"}

package/dist/components/slider/index.js

@@ -0,0 +1,159 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slider as BaseSlider } from '@base-ui/react/slider';
+import { useDirection } from '@base-ui/react/direction-provider';
+import { Fragment as ReactFragment, createContext, useCallback, forwardRef, useContext, useEffect, useId, useState, } from 'react';
+import { ToneProvider, useToneContext } from "../../utils/Tone.js";
+/**
+ * Configure bounds and value on Root. Keep Track inside TrackGroup, then Indicator and indexed DragHandles inside Track. One handle adjusts a single value; a range needs a handle for each end. MarksList/Mark are optional labels, not interactive handles.
+ *
+ * @example Complete composition
+ * import { Slider } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <Slider.Root min={0} max={100} defaultValue={50}>
+ *       <Slider.Container>
+ *         <Slider.Label>Volume</Slider.Label>
+ *         <Slider.Value />
+ *         <Slider.TrackGroup>
+ *           <Slider.Track>
+ *             <Slider.Indicator />
+ *             <Slider.DragHandle index={0} />{' '}
+ *           </Slider.Track>
+ *         </Slider.TrackGroup>
+ *         <Slider.Description>Adjust the volume.</Slider.Description>
+ *       </Slider.Container>
+ *     </Slider.Root>
+ *   )
+ * }
+ *
+ * @example Adjust both ends of a range
+ * // Configure Root defaultValue={[25, 75]}; replace its Track content with:
+ * ;<Slider.Track>
+ *   <Slider.Indicator />
+ *   <Slider.DragHandle index={0} aria-label="Minimum" />
+ *   <Slider.DragHandle index={1} aria-label="Maximum" />
+ * </Slider.Track>
+ */
+export function Root({ children, tone = 'neutral', ...props }) {
+    const [messageIds, setMessageIds] = useState([]);
+    return (_jsx(ToneProvider, { value: tone, children: _jsx(BaseSlider.Root, { ...props, render: (rootProps, state) => {
+                const { children, ...elementProps } = rootProps;
+                return (_jsx(SliderContext.Provider, { value: { elementProps, state, messageIds, setMessageIds }, children: _jsx(_Fragment, { children: children }) }));
+            }, children: children }) }));
+}
+export const Container = forwardRef(function Container({ disableStyle, ...props }, ref) {
+    const context = useSliderContext();
+    const tone = useToneContext();
+    const { ref: nativeRef, ...nativeProps } = context.elementProps;
+    return (_jsx("div", { ...nativeProps, ...props, ref: useRootRef(nativeRef, ref), "data-tone": tone, "data-component": "slider-container", "data-style-disabled": disableStyle ? '' : undefined, className: props.className }));
+});
+export const Label = forwardRef(function Label({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseSlider.Label, { ...props, ref: ref, "data-component": "slider-label", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Value = forwardRef(function Value({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseSlider.Value, { ...props, ref: ref, "data-component": "slider-value", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const TrackGroup = forwardRef(function TrackGroup({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseSlider.Control, { ...props, ref: ref, "data-component": "slider-trackgroup", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Track = forwardRef(function Track({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseSlider.Track, { ...props, ref: ref, "data-component": "slider-track", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Indicator = forwardRef(function Indicator({ disableStyle, className, ...props }, ref) {
+    const tone = useToneContext();
+    return (_jsx(BaseSlider.Indicator, { ...props, ref: ref, "data-tone": tone, "data-component": "slider-indicator", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const DragHandle = forwardRef(function DragHandle({ disableStyle, className, ...props }, ref) {
+    const { messageIds } = useSliderContext();
+    return (_jsx(BaseSlider.Thumb, { ...props, ref: ref, "aria-describedby": [props['aria-describedby'], ...messageIds].filter(Boolean).join(' ') ||
+            undefined, "data-component": "slider-draghandle", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const MarksList = forwardRef(function MarksList({ disableStyle, children, className, ...props }, ref) {
+    const { state } = useSliderContext();
+    const count = Math.floor(Number(((state.max - state.min) / state.step).toPrecision(15))) +
+        1;
+    return (_jsx("div", { ...props, ref: ref, "aria-hidden": true, "data-orientation": state.orientation, "data-component": "slider-markslist", "data-style-disabled": disableStyle ? '' : undefined, className: className, children: Array.from({ length: count }, (_, index) => {
+            const value = Number((state.min + index * state.step).toPrecision(15));
+            return _jsx(ReactFragment, { children: children(value) }, value);
+        }) }));
+});
+export const Mark = forwardRef(function Mark({ disableStyle, value, children, className, style, ...props }, ref) {
+    const { state } = useSliderContext();
+    const direction = useDirection();
+    const percent = ((value - state.min) / (state.max - state.min)) * 100;
+    return (_jsxs("div", { ...props, ref: ref, "aria-hidden": true, dir: direction, "data-orientation": state.orientation, style: {
+            ...(state.orientation === 'vertical'
+                ? { bottom: percent + '%' }
+                : { insetInlineStart: percent + '%' }),
+            ...style,
+        }, "data-component": "slider-mark", "data-style-disabled": disableStyle ? '' : undefined, className: className, children: [_jsx("span", { "data-component": "slider-mark-1", "data-orientation": state.orientation }), children != null && (_jsx("span", { "data-orientation": state.orientation, "data-component": "slider-mark-2", children: children }))] }));
+});
+export const Description = forwardRef(function Description({ disableStyle, className, id, ...props }, ref) {
+    const messageId = useMessageId(id);
+    const context = useSliderContext();
+    const tone = useToneContext();
+    return (_jsx("div", { ...props, ref: ref, id: messageId, "data-disabled": context.state.disabled ? '' : undefined, "data-tone": tone, "data-component": "slider-description", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** You decide when to show this feedback. Changing tone does not validate data or render the message for you. */
+export const Error = forwardRef(function Error({ disableStyle, className, id, ...props }, ref) {
+    const messageId = useMessageId(id);
+    const context = useSliderContext();
+    const tone = useToneContext();
+    return (_jsx("div", { role: "alert", "aria-atomic": "true", ...props, ref: ref, id: messageId, "data-disabled": context.state.disabled ? '' : undefined, "data-tone": tone, "data-component": "slider-error", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** You decide when to show this feedback. Changing tone does not validate data or render the message for you. */
+export const Success = forwardRef(function Success({ disableStyle, className, id, ...props }, ref) {
+    const messageId = useMessageId(id);
+    const context = useSliderContext();
+    const tone = useToneContext();
+    return (_jsx("div", { role: "status", "aria-atomic": "true", ...props, ref: ref, id: messageId, "data-disabled": context.state.disabled ? '' : undefined, "data-tone": tone, "data-component": "slider-success", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+const SliderContext = createContext(null);
+function useSliderContext() {
+    const context = useContext(SliderContext);
+    if (!context)
+        throw new globalThis.Error('Slider parts must be inside Slider.Root');
+    return context;
+}
+function useMessageId(id) {
+    const generatedId = useId();
+    const messageId = id ?? generatedId;
+    const { setMessageIds } = useSliderContext();
+    useEffect(() => {
+        setMessageIds((current) => [...current, messageId]);
+        return () => setMessageIds((current) => current.filter((value) => value !== messageId));
+    }, [messageId, setMessageIds]);
+    return messageId;
+}
+function useRootRef(nativeRef, forwardedRef) {
+    return useCallback((element) => {
+        const nativeCleanup = typeof nativeRef === 'function'
+            ? nativeRef(element)
+            : nativeRef
+                ? ((nativeRef.current = element), undefined)
+                : undefined;
+        const forwardedCleanup = typeof forwardedRef === 'function'
+            ? forwardedRef(element)
+            : forwardedRef
+                ? ((forwardedRef.current = element), undefined)
+                : undefined;
+        if (typeof nativeCleanup === 'function' ||
+            typeof forwardedCleanup === 'function')
+            return () => {
+                if (typeof nativeCleanup === 'function')
+                    nativeCleanup();
+                else if (typeof nativeRef === 'function')
+                    nativeRef(null);
+                else if (nativeRef)
+                    nativeRef.current = null;
+                if (typeof forwardedCleanup === 'function')
+                    forwardedCleanup();
+                else if (typeof forwardedRef === 'function')
+                    forwardedRef(null);
+                else if (forwardedRef)
+                    forwardedRef.current = null;
+            };
+    }, [nativeRef, forwardedRef]);
+}
+//# sourceMappingURL=index.js.map

package/dist/components/slider/index.js.map

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

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

@@ -0,0 +1,14 @@
+import type { StyleProps } from '../../types/Style.ts';
+import type { LucideProps } from 'lucide-react';
+/**
+ * Render Spinner only while your application is busy. It does not detect requests; provide an accessible loading message in the surrounding interface when needed.
+ *
+ * @example Complete composition
+ * import { Spinner } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return <Spinner.Spinner />
+ * }
+ */
+export declare function Spinner({ disableStyle, className, ...props }: LucideProps & StyleProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/spinner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE/C;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,EACtB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,UAAU,+BA4B1B"}

package/dist/components/spinner/index.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Render Spinner only while your application is busy. It does not detect requests; provide an accessible loading message in the surrounding interface when needed.
+ *
+ * @example Complete composition
+ * import { Spinner } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return <Spinner.Spinner />
+ * }
+ */
+export function Spinner({ disableStyle, className, ...props }) {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", "data-component": "spinner-spinner", "data-style-disabled": disableStyle ? '' : undefined, className: className, strokeWidth: 3, ...props, children: [_jsx("circle", { cx: 12, cy: 12, r: 10, "data-component": "spinner-track" }), _jsx("circle", { cx: 12, cy: 12, r: 10, pathLength: 1, "data-component": "spinner-indicator" }), props.children] }));
+}
+//# sourceMappingURL=index.js.map