@usefragments/ui 1.0.0

package/dist/components/DatePicker/DatePicker.module.scss.cjs

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const wrapper = "_wrapper_bpfqf_1";
+const label = "_label_bpfqf_6";
+const helper = "_helper_bpfqf_19";
+const helperError = "_helperError_bpfqf_26";
+const errorMessage = "_errorMessage_bpfqf_30";
+const trigger = "_trigger_bpfqf_36";
+const triggerSm = "_triggerSm_bpfqf_98";
+const triggerLg = "_triggerLg_bpfqf_105";
+const triggerIcon = "_triggerIcon_bpfqf_112";
+const triggerValue = "_triggerValue_bpfqf_123";
+const triggerPlaceholder = "_triggerPlaceholder_bpfqf_131";
+const positioner = "_positioner_bpfqf_140";
+const popup = "_popup_bpfqf_145";
+const calendar = "_calendar_bpfqf_166";
+const months = "_months_bpfqf_176";
+const monthCaption = "_monthCaption_bpfqf_181";
+const captionLabel = "_captionLabel_bpfqf_188";
+const nav = "_nav_bpfqf_194";
+const navButton = "_navButton_bpfqf_205";
+const chevron = "_chevron_bpfqf_247";
+const monthGrid = "_monthGrid_bpfqf_251";
+const weekday = "_weekday_bpfqf_256";
+const day = "_day_bpfqf_273";
+const dayButton = "_dayButton_bpfqf_282";
+const today = "_today_bpfqf_314";
+const selected = "_selected_bpfqf_319";
+const outside = "_outside_bpfqf_329";
+const disabled = "_disabled_bpfqf_334";
+const focused = "_focused_bpfqf_340";
+const rangeStart = "_rangeStart_bpfqf_345";
+const rangeEnd = "_rangeEnd_bpfqf_346";
+const rangeMiddle = "_rangeMiddle_bpfqf_347";
+const preset = "_preset_bpfqf_406";
+const styles = {
+  wrapper,
+  label,
+  helper,
+  helperError,
+  errorMessage,
+  trigger,
+  triggerSm,
+  triggerLg,
+  triggerIcon,
+  triggerValue,
+  triggerPlaceholder,
+  positioner,
+  popup,
+  calendar,
+  months,
+  monthCaption,
+  captionLabel,
+  nav,
+  navButton,
+  chevron,
+  monthGrid,
+  weekday,
+  day,
+  dayButton,
+  today,
+  selected,
+  outside,
+  disabled,
+  focused,
+  rangeStart,
+  rangeEnd,
+  rangeMiddle,
+  preset
+};
+exports.calendar = calendar;
+exports.captionLabel = captionLabel;
+exports.chevron = chevron;
+exports.day = day;
+exports.dayButton = dayButton;
+exports.default = styles;
+exports.disabled = disabled;
+exports.errorMessage = errorMessage;
+exports.focused = focused;
+exports.helper = helper;
+exports.helperError = helperError;
+exports.label = label;
+exports.monthCaption = monthCaption;
+exports.monthGrid = monthGrid;
+exports.months = months;
+exports.nav = nav;
+exports.navButton = navButton;
+exports.outside = outside;
+exports.popup = popup;
+exports.positioner = positioner;
+exports.preset = preset;
+exports.rangeEnd = rangeEnd;
+exports.rangeMiddle = rangeMiddle;
+exports.rangeStart = rangeStart;
+exports.selected = selected;
+exports.today = today;
+exports.trigger = trigger;
+exports.triggerIcon = triggerIcon;
+exports.triggerLg = triggerLg;
+exports.triggerPlaceholder = triggerPlaceholder;
+exports.triggerSm = triggerSm;
+exports.triggerValue = triggerValue;
+exports.weekday = weekday;
+exports.wrapper = wrapper;

package/dist/components/DatePicker/DatePicker.module.scss.js

@@ -0,0 +1,104 @@
+const wrapper = "_wrapper_bpfqf_1";
+const label = "_label_bpfqf_6";
+const helper = "_helper_bpfqf_19";
+const helperError = "_helperError_bpfqf_26";
+const errorMessage = "_errorMessage_bpfqf_30";
+const trigger = "_trigger_bpfqf_36";
+const triggerSm = "_triggerSm_bpfqf_98";
+const triggerLg = "_triggerLg_bpfqf_105";
+const triggerIcon = "_triggerIcon_bpfqf_112";
+const triggerValue = "_triggerValue_bpfqf_123";
+const triggerPlaceholder = "_triggerPlaceholder_bpfqf_131";
+const positioner = "_positioner_bpfqf_140";
+const popup = "_popup_bpfqf_145";
+const calendar = "_calendar_bpfqf_166";
+const months = "_months_bpfqf_176";
+const monthCaption = "_monthCaption_bpfqf_181";
+const captionLabel = "_captionLabel_bpfqf_188";
+const nav = "_nav_bpfqf_194";
+const navButton = "_navButton_bpfqf_205";
+const chevron = "_chevron_bpfqf_247";
+const monthGrid = "_monthGrid_bpfqf_251";
+const weekday = "_weekday_bpfqf_256";
+const day = "_day_bpfqf_273";
+const dayButton = "_dayButton_bpfqf_282";
+const today = "_today_bpfqf_314";
+const selected = "_selected_bpfqf_319";
+const outside = "_outside_bpfqf_329";
+const disabled = "_disabled_bpfqf_334";
+const focused = "_focused_bpfqf_340";
+const rangeStart = "_rangeStart_bpfqf_345";
+const rangeEnd = "_rangeEnd_bpfqf_346";
+const rangeMiddle = "_rangeMiddle_bpfqf_347";
+const preset = "_preset_bpfqf_406";
+const styles = {
+  wrapper,
+  label,
+  helper,
+  helperError,
+  errorMessage,
+  trigger,
+  triggerSm,
+  triggerLg,
+  triggerIcon,
+  triggerValue,
+  triggerPlaceholder,
+  positioner,
+  popup,
+  calendar,
+  months,
+  monthCaption,
+  captionLabel,
+  nav,
+  navButton,
+  chevron,
+  monthGrid,
+  weekday,
+  day,
+  dayButton,
+  today,
+  selected,
+  outside,
+  disabled,
+  focused,
+  rangeStart,
+  rangeEnd,
+  rangeMiddle,
+  preset
+};
+export {
+  calendar,
+  captionLabel,
+  chevron,
+  day,
+  dayButton,
+  styles as default,
+  disabled,
+  errorMessage,
+  focused,
+  helper,
+  helperError,
+  label,
+  monthCaption,
+  monthGrid,
+  months,
+  nav,
+  navButton,
+  outside,
+  popup,
+  positioner,
+  preset,
+  rangeEnd,
+  rangeMiddle,
+  rangeStart,
+  selected,
+  today,
+  trigger,
+  triggerIcon,
+  triggerLg,
+  triggerPlaceholder,
+  triggerSm,
+  triggerValue,
+  weekday,
+  wrapper
+};

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

@@ -0,0 +1,86 @@
+import * as React from "react";
+import { type FormFieldProps } from "../../utils/aria";
+export type DateRange = {
+    from: Date | undefined;
+    to?: Date | undefined;
+};
+export type Matcher = Date | DateRange | ((date: Date) => boolean) | Date[];
+type Locale = {
+    [key: string]: unknown;
+};
+export interface DatePickerProps extends FormFieldProps {
+    children: React.ReactNode;
+    /** Wrapper class name */
+    className?: string;
+    /** Selection mode */
+    mode?: "single" | "range";
+    /** Controlled date (single mode) */
+    selected?: Date | null;
+    /** Controlled range (range mode) */
+    selectedRange?: DateRange | null;
+    /** Single selection callback */
+    onSelect?: (date: Date | null) => void;
+    /** Alias for onSelect (consistent with Input/Select onChange convention) */
+    onChange?: (date: Date | null) => void;
+    /** Range selection callback */
+    onRangeSelect?: (range: DateRange | null) => void;
+    /** Number of months displayed side-by-side */
+    numberOfMonths?: number;
+    /** Disable the picker */
+    disabled?: boolean;
+    /** Size variant.
+     * @default "md" */
+    size?: "sm" | "md" | "lg";
+    /** react-day-picker Matcher for disabled dates */
+    disabledDates?: Matcher | Matcher[];
+    /** Trigger placeholder text */
+    placeholder?: string;
+    /** date-fns locale for i18n */
+    locale?: Locale;
+    /** Always show 6 rows */
+    fixedWeeks?: boolean;
+    /** Custom trigger date formatter */
+    formatDate?: (date: Date) => string;
+    /** Custom trigger range formatter */
+    formatRange?: (range: DateRange) => string;
+    /** Controlled popover open state */
+    open?: boolean;
+    /** Popover open state change callback */
+    onOpenChange?: (open: boolean) => void;
+    /** Hidden input name for forms */
+    name?: string;
+}
+export interface DatePickerTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: React.ReactNode;
+    placeholder?: string;
+}
+export interface DatePickerContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    sideOffset?: number;
+    align?: "start" | "center" | "end";
+}
+export interface DatePickerCalendarProps {
+    /** Override number of months from root */
+    numberOfMonths?: number;
+    className?: string;
+}
+export interface DatePickerPresetProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: React.ReactNode;
+    /** Date to select (single mode) */
+    date?: Date;
+    /** Range to select (range mode) */
+    range?: DateRange;
+}
+declare const DatePickerRoot: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
+declare function DatePickerTrigger({ children, placeholder, className, type, ...htmlProps }: DatePickerTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function DatePickerContent({ children, className, sideOffset, align, ...htmlProps }: DatePickerContentProps): import("react/jsx-runtime").JSX.Element;
+declare function DatePickerCalendar({ numberOfMonths: numberOfMonthsProp, className, }: DatePickerCalendarProps): import("react/jsx-runtime").JSX.Element | null;
+declare function DatePickerPreset({ children, date, range, className, onClick, ...htmlProps }: DatePickerPresetProps): import("react/jsx-runtime").JSX.Element;
+export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>> & {
+    Trigger: typeof DatePickerTrigger;
+    Content: typeof DatePickerContent;
+    Calendar: typeof DatePickerCalendar;
+    Preset: typeof DatePickerPreset;
+};
+export { DatePickerRoot, DatePickerTrigger, DatePickerContent, DatePickerCalendar, DatePickerPreset, };
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Dialog/Dialog.module.scss.cjs

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const backdrop = "_backdrop_1xwgs_1";
+const positioner = "_positioner_1xwgs_16";
+const popup = "_popup_1xwgs_27";
+const sm = "_sm_1xwgs_60";
+const md = "_md_1xwgs_64";
+const lg = "_lg_1xwgs_68";
+const xl = "_xl_1xwgs_72";
+const full = "_full_1xwgs_76";
+const header = "_header_1xwgs_80";
+const title = "_title_1xwgs_84";
+const description = "_description_1xwgs_92";
+const body = "_body_1xwgs_99";
+const footer = "_footer_1xwgs_103";
+const close = "_close_1xwgs_114";
+const styles = {
+  backdrop,
+  positioner,
+  popup,
+  sm,
+  md,
+  lg,
+  xl,
+  full,
+  header,
+  title,
+  description,
+  body,
+  footer,
+  close
+};
+exports.backdrop = backdrop;
+exports.body = body;
+exports.close = close;
+exports.default = styles;
+exports.description = description;
+exports.footer = footer;
+exports.full = full;
+exports.header = header;
+exports.lg = lg;
+exports.md = md;
+exports.popup = popup;
+exports.positioner = positioner;
+exports.sm = sm;
+exports.title = title;
+exports.xl = xl;

package/dist/components/Dialog/Dialog.module.scss.js

@@ -0,0 +1,47 @@
+const backdrop = "_backdrop_1xwgs_1";
+const positioner = "_positioner_1xwgs_16";
+const popup = "_popup_1xwgs_27";
+const sm = "_sm_1xwgs_60";
+const md = "_md_1xwgs_64";
+const lg = "_lg_1xwgs_68";
+const xl = "_xl_1xwgs_72";
+const full = "_full_1xwgs_76";
+const header = "_header_1xwgs_80";
+const title = "_title_1xwgs_84";
+const description = "_description_1xwgs_92";
+const body = "_body_1xwgs_99";
+const footer = "_footer_1xwgs_103";
+const close = "_close_1xwgs_114";
+const styles = {
+  backdrop,
+  positioner,
+  popup,
+  sm,
+  md,
+  lg,
+  xl,
+  full,
+  header,
+  title,
+  description,
+  body,
+  footer,
+  close
+};
+export {
+  backdrop,
+  body,
+  close,
+  styles as default,
+  description,
+  footer,
+  full,
+  header,
+  lg,
+  md,
+  popup,
+  positioner,
+  sm,
+  title,
+  xl
+};

package/dist/components/Dialog/index.cjs

@@ -0,0 +1,135 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const dialog = require("@base-ui/react/dialog");
+const Dialog_module = require("./Dialog.module.scss.cjs");
+function CloseIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+      ]
+    }
+  );
+}
+function DialogRoot({
+  children,
+  open,
+  defaultOpen,
+  onOpenChange,
+  modal = true
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    dialog.Dialog.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange,
+      modal,
+      children
+    }
+  );
+}
+function DialogTrigger({
+  children,
+  asChild,
+  className,
+  ...htmlProps
+}) {
+  if (asChild) {
+    return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Trigger, { ...htmlProps, className, render: children, children: null });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Trigger, { ...htmlProps, className, children });
+}
+function DialogContent({
+  children,
+  size = "md",
+  initialFocus = true,
+  className,
+  ...htmlProps
+}) {
+  const popupClasses = [Dialog_module.default.popup, Dialog_module.default[size], className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs(dialog.Dialog.Portal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Backdrop, { className: Dialog_module.default.backdrop }),
+    /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Viewport, { className: Dialog_module.default.positioner, children: /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Popup, { initialFocus, ...htmlProps, className: popupClasses, children }) })
+  ] });
+}
+function DialogHeader({ children, className, ...htmlProps }) {
+  const classes = [Dialog_module.default.header, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
+}
+function DialogTitle({ children, className, ...htmlProps }) {
+  const classes = [Dialog_module.default.title, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Title, { ...htmlProps, className: classes, children });
+}
+function DialogDescription({ children, className, ...htmlProps }) {
+  const classes = [Dialog_module.default.description, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Description, { ...htmlProps, className: classes, children });
+}
+function DialogBody({ children, className, ...htmlProps }) {
+  const classes = [Dialog_module.default.body, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
+}
+function DialogFooter({ children, className, ...htmlProps }) {
+  const classes = [Dialog_module.default.footer, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, children });
+}
+function DialogClose({ children, asChild, className, ...htmlProps }) {
+  if (!children) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      dialog.Dialog.Close,
+      {
+        ...htmlProps,
+        "data-dialog-close": true,
+        "aria-label": "Close dialog",
+        className: [Dialog_module.default.close, className].filter(Boolean).join(" "),
+        children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {})
+      }
+    );
+  }
+  if (asChild) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      dialog.Dialog.Close,
+      {
+        ...htmlProps,
+        "data-dialog-close": true,
+        className,
+        render: children,
+        children: null
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog.Close, { ...htmlProps, "data-dialog-close": true, className, children });
+}
+const Dialog = Object.assign(DialogRoot, {
+  Trigger: DialogTrigger,
+  Content: DialogContent,
+  Header: DialogHeader,
+  Title: DialogTitle,
+  Description: DialogDescription,
+  Body: DialogBody,
+  Footer: DialogFooter,
+  Close: DialogClose
+});
+exports.Dialog = Dialog;
+exports.DialogBody = DialogBody;
+exports.DialogClose = DialogClose;
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogRoot = DialogRoot;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;

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

@@ -0,0 +1,81 @@
+import * as React from 'react';
+/**
+ * Modal dialog overlay for confirmations, forms, and focused tasks.
+ * @see https://usefragments.com/components/dialog
+ */
+export interface DialogProps {
+    children: React.ReactNode;
+    /** Controlled open state */
+    open?: boolean;
+    /** Default open state */
+    defaultOpen?: boolean;
+    /** Called when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Whether the dialog blocks interaction with the rest of the page.
+     * @default true */
+    modal?: boolean;
+}
+export interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    /** Dialog width.
+     * @default "md"
+     * @see https://usefragments.com/components/dialog#sizes */
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    /** Whether the dialog should autofocus content on open.
+     * @default true */
+    initialFocus?: boolean;
+}
+export interface DialogTitleProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
+    children: React.ReactNode;
+}
+export interface DialogDescriptionProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
+    children: React.ReactNode;
+}
+export interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+export interface DialogBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+export interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+type DialogTriggerAsButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    children: React.ReactNode;
+    asChild?: false;
+};
+type DialogTriggerAsChildProps = Omit<React.HTMLAttributes<HTMLElement>, 'children'> & {
+    children: React.ReactElement;
+    asChild: true;
+};
+export type DialogTriggerProps = DialogTriggerAsButtonProps | DialogTriggerAsChildProps;
+type DialogCloseAsButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    children?: React.ReactNode;
+    asChild?: false;
+};
+type DialogCloseAsChildProps = Omit<React.HTMLAttributes<HTMLElement>, 'children'> & {
+    children: React.ReactElement;
+    asChild: true;
+};
+export type DialogCloseProps = DialogCloseAsButtonProps | DialogCloseAsChildProps;
+declare function DialogRoot({ children, open, defaultOpen, onOpenChange, modal, }: DialogProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ children, asChild, className, ...htmlProps }: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ children, size, initialFocus, className, ...htmlProps }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ children, className, ...htmlProps }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ children, className, ...htmlProps }: DialogTitleProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ children, className, ...htmlProps }: DialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogBody({ children, className, ...htmlProps }: DialogBodyProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ children, className, ...htmlProps }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ children, asChild, className, ...htmlProps }: DialogCloseProps): import("react/jsx-runtime").JSX.Element;
+export declare const Dialog: typeof DialogRoot & {
+    Trigger: typeof DialogTrigger;
+    Content: typeof DialogContent;
+    Header: typeof DialogHeader;
+    Title: typeof DialogTitle;
+    Description: typeof DialogDescription;
+    Body: typeof DialogBody;
+    Footer: typeof DialogFooter;
+    Close: typeof DialogClose;
+};
+export { DialogRoot, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogBody, DialogFooter, DialogClose, };
+//# sourceMappingURL=index.d.ts.map

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

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