@danxbot/ui 7.3.0 → 7.4.0

package/dist/types/components/DateCalendar.d.ts

@@ -3,6 +3,17 @@ export type DateRange = {
     from: Date | null;
     to: Date | null;
 };
+/**
+ * The popover a calendar opens in — ONE size for every control that opens one (`DatePicker`,
+ * `DateField`), so they cannot drift apart.
+ *
+ * A touch day is floored to 44px (`dx-tap`), so seven of them need 308px, and a popover is capped
+ * at 90vw. With the old fixed 20.5rem frame plus 12px padding a 375px phone clipped the Sunday
+ * column, the next-month arrow and Clear (SG-906, measured). So on a coarse pointer the padding
+ * drops to 8px and the calendar fills the popover instead of fixing its own width: 308px of days +
+ * 16px of padding = 324px, which is 90vw of a 360px phone. On a mouse nothing changes size.
+ */
+export declare const CALENDAR_POPOVER_CLASS = "w-[19rem] p-3 pointer-coarse:w-[22rem] pointer-coarse:p-2";
 export interface DateCalendarProps {
     /** A single date, or a range when `range` is set. */
     value?: Date | DateRange | null;

package/dist/types/components/TriStateSwitch.d.ts

@@ -0,0 +1,69 @@
+import { type VariantProps } from "tailwind-variants";
+declare const track: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: "h-(--tri-h) w-(--tri-w) [--tri-h:calc(1.25rem*var(--ui-scale))] [--tri-w:calc(3.125rem*var(--ui-scale))]";
+        md: "h-(--tri-h) w-(--tri-w) [--tri-h:calc(1.5rem*var(--ui-scale))] [--tri-w:calc(3.75rem*var(--ui-scale))]";
+        lg: "h-(--tri-h) w-(--tri-w) [--tri-h:calc(1.75rem*var(--ui-scale))] [--tri-w:calc(4.375rem*var(--ui-scale))]";
+    };
+    state: {
+        no: "border-border bg-switch-track-off";
+        unset: "border-dashed border-border-strong bg-transparent";
+        yes: "border-accent bg-accent";
+    };
+    disabled: {
+        true: "cursor-not-allowed opacity-45";
+        false: "";
+    };
+}, undefined, string[], {
+    size: {
+        sm: "h-(--tri-h) w-(--tri-w) [--tri-h:calc(1.25rem*var(--ui-scale))] [--tri-w:calc(3.125rem*var(--ui-scale))]";
+        md: "h-(--tri-h) w-(--tri-w) [--tri-h:calc(1.5rem*var(--ui-scale))] [--tri-w:calc(3.75rem*var(--ui-scale))]";
+        lg: "h-(--tri-h) w-(--tri-w) [--tri-h:calc(1.75rem*var(--ui-scale))] [--tri-w:calc(4.375rem*var(--ui-scale))]";
+    };
+    state: {
+        no: "border-border bg-switch-track-off";
+        unset: "border-dashed border-border-strong bg-transparent";
+        yes: "border-accent bg-accent";
+    };
+    disabled: {
+        true: "cursor-not-allowed opacity-45";
+        false: "";
+    };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+    size: {
+        sm: "h-(--tri-h) w-(--tri-w) [--tri-h:calc(1.25rem*var(--ui-scale))] [--tri-w:calc(3.125rem*var(--ui-scale))]";
+        md: "h-(--tri-h) w-(--tri-w) [--tri-h:calc(1.5rem*var(--ui-scale))] [--tri-w:calc(3.75rem*var(--ui-scale))]";
+        lg: "h-(--tri-h) w-(--tri-w) [--tri-h:calc(1.75rem*var(--ui-scale))] [--tri-w:calc(4.375rem*var(--ui-scale))]";
+    };
+    state: {
+        no: "border-border bg-switch-track-off";
+        unset: "border-dashed border-border-strong bg-transparent";
+        yes: "border-accent bg-accent";
+    };
+    disabled: {
+        true: "cursor-not-allowed opacity-45";
+        false: "";
+    };
+}, undefined>>;
+export type TriStateSwitchSize = NonNullable<VariantProps<typeof track>["size"]>;
+export interface TriStateSwitchProps {
+    /** `true` Yes, `false` No, `null` not answered. */
+    value: boolean | null;
+    onValueChange: (value: boolean | null) => void;
+    /** The question being answered — the group's accessible name. Required. */
+    "aria-label": string;
+    /** The words for each stop, read aloud and shown in the caption. */
+    labels?: {
+        yes?: string;
+        no?: string;
+        unset?: string;
+    };
+    /** Shows the current state's word beside the track. @default true */
+    showCaption?: boolean;
+    disabled?: boolean;
+    /** @default "md" */
+    size?: TriStateSwitchSize;
+    className?: string;
+}
+export declare function TriStateSwitch({ value, onValueChange, "aria-label": ariaLabel, labels, showCaption, disabled, size, className, }: TriStateSwitchProps): import("react").JSX.Element;
+export {};

package/dist/types/index.d.ts

@@ -27,6 +27,7 @@ export { SettingRow, SettingGroup, type SettingRowProps, type SettingGroupProps,
 export { DescriptionList, DescriptionListItem, type DescriptionListProps, type DescriptionListItemProps, type DescriptionListEntry, } from "./components/DescriptionList";
 export { ConnectionCard, type ConnectionCardProps, type ConnectionHealth, } from "./components/ConnectionCard";
 export { Checkbox, Switch, Radio, RadioGroup, CheckboxField, SwitchField, RadioField, RadioCard, type CheckboxProps, type SwitchProps, type RadioProps, type RadioGroupProps, type CheckboxFieldProps, type SwitchFieldProps, type RadioFieldProps, type RadioCardProps, } from "./components/Choice";
+export { TriStateSwitch, type TriStateSwitchProps, type TriStateSwitchSize, } from "./components/TriStateSwitch";
 export { Dialog, DialogClose, AlertDialog, type DialogProps, type AlertDialogProps, } from "./components/Dialog";
 export { Popover, PopoverClose, Tooltip, TooltipProvider, type PopoverProps, type TooltipProps, } from "./components/Popover";
 export { Toaster, ToastProvider, useToast, type ToasterProps, type ToastProviderProps, type ToastOptions, type ToastTone, } from "./components/Toast";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danxbot/ui",
-  "version": "7.3.0",
+  "version": "7.4.0",
   "type": "module",
   "description": "Danxbot — a domain-agnostic React design system with motion as a first-class primitive.",
   "license": "MIT",