@morze/ui 0.2.11 → 0.3.1

package/dist/types-B3pfG-Kz.d.ts

@@ -0,0 +1,164 @@
+import * as React from 'react';
+
+type DateRange = {
+    from: Date | undefined;
+    to?: Date | undefined;
+};
+/**
+ * Which days a rule applies to. The shapes are the ones a form actually
+ * expresses: one day, a list, a closed span, an open-ended bound, or a
+ * predicate for everything else ("no weekends", "only in stock").
+ */
+type DateMatcher = Date | Date[] | {
+    from: Date;
+    to: Date;
+} | {
+    before?: Date;
+    after?: Date;
+} | ((date: Date) => boolean);
+type CalendarLabels = {
+    previousMonth: string;
+    nextMonth: string;
+    month: string;
+    year: string;
+    weekNumber: string;
+};
+type CalendarBaseProps = {
+    /** Controlled leading month. Pair with `onMonthChange`. */
+    month?: Date;
+    defaultMonth?: Date;
+    onMonthChange?: (month: Date) => void;
+    /** How many months to draw side by side. */
+    numberOfMonths?: number;
+    /** BCP 47 tag for month, weekday and day names. Defaults to the browser's. */
+    locale?: string;
+    /** 0 (Sunday) to 6. Defaults to what the locale says. */
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    disabled?: DateMatcher;
+    /** Nothing before this day can be picked or paged to. */
+    fromDate?: Date;
+    /** Nothing after this day can be picked or paged to. */
+    toDate?: Date;
+    /** Draws the days that spill in from the neighbouring months. */
+    showOutsideDays?: boolean;
+    showWeekNumbers?: boolean;
+    /** A static caption, or month and year as selects. */
+    captionLayout?: 'label' | 'dropdown';
+    /** Year range for the dropdown caption. Defaults to ±10 years. */
+    fromYear?: number;
+    toYear?: number;
+    /** Which day gets the "today" ring. Injectable so tests are not clock-bound. */
+    today?: Date;
+    labels?: Partial<CalendarLabels>;
+    className?: string;
+    id?: string;
+};
+type SingleProps = {
+    mode?: 'single';
+    selected?: Date;
+    /** Clicking the selected day clears it, unless `required`. */
+    onSelect?: (date: Date | undefined) => void;
+    required?: boolean;
+};
+type MultipleProps = {
+    mode: 'multiple';
+    selected?: Date[];
+    onSelect?: (dates: Date[]) => void;
+};
+type RangeProps = {
+    mode: 'range';
+    selected?: DateRange;
+    onSelect?: (range: DateRange | undefined) => void;
+};
+type CalendarProps = CalendarBaseProps & (SingleProps | MultipleProps | RangeProps);
+/**
+ * A month grid, with no date library behind it.
+ *
+ * Names come from `Intl`, so a locale tag is the whole of the localisation
+ * story — there is no bundle of month names to import and nothing to keep in
+ * sync. Six week rows are always drawn, so paging does not resize the popover
+ * the calendar usually sits in.
+ *
+ *   <Calendar mode="range" selected={range} onSelect={setRange} numberOfMonths={2} />
+ */
+declare function Calendar({ month: monthProp, defaultMonth, onMonthChange, numberOfMonths, locale, weekStartsOn, disabled, fromDate, toDate, showOutsideDays, showWeekNumbers, captionLayout, fromYear, toYear, today: todayProp, labels: labelsProp, className, id, ...selection }: CalendarProps): React.JSX.Element;
+
+/**
+ * Every visible string the table owns, in one place. Defaults are English;
+ * pass a partial `labels` object to translate or reword any of them.
+ */
+type DataTableLabels = {
+    filter: string;
+    filterFor: (column: string) => string;
+    filterActive: string;
+    contains: string;
+    apply: string;
+    reset: string;
+    resetAll: string;
+    resetFilters: string;
+    clearFilter: string;
+    rangeFrom: string;
+    rangeTo: string;
+    dateFrom: string;
+    dateTo: string;
+    yes: string;
+    no: string;
+    columns: string;
+    moveUp: (column: string) => string;
+    moveDown: (column: string) => string;
+    pinning: (column: string, side: string) => string;
+    pinnedLeft: string;
+    pinnedRight: string;
+    notPinned: string;
+    show: (column: string) => string;
+    hide: (column: string) => string;
+    sortBy: (column: string) => string;
+    columnWidth: (column: string) => string;
+    selectPage: string;
+    selectRow: string;
+    expandRow: string;
+    collapseRow: string;
+    details: string;
+    empty: string;
+    retry: string;
+    rowsPerPage: string;
+    nothingFound: string;
+    of: string;
+    firstPage: string;
+    previousPage: string;
+    nextPage: string;
+    lastPage: string;
+    loadMore: string;
+    loadingMore: string;
+    selectedCount: (count: string) => string;
+    allMatchingSuffix: string;
+    selectAllMatching: (total: string) => string;
+    clearSelection: string;
+    bulkActions: string;
+};
+declare const defaultDataTableLabels: DataTableLabels;
+declare function resolveLabels(labels?: Partial<DataTableLabels>): DataTableLabels;
+
+/**
+ * Strings the rest of the kit takes as individual props: `Dialog`/`Sheet`
+ * `closeLabel`, `Spinner` `label`, `Sidebar` `mobileTitle` /
+ * `mobileDescription`, `SidebarTrigger` `label`, `Toaster` `closeLabel`,
+ * `BreadcrumbEllipsis` `label`, `TabsList` `overflowLabel`.
+ */
+type MorzeCommonLabels = {
+    close: string;
+    loading: string;
+    /** What is behind a collapse: the breadcrumb ellipsis, the tab overflow. */
+    more: string;
+    sidebarNavigation: string;
+    sidebarSections: string;
+    toggleSidebar: string;
+};
+/** One language, complete. A missing key is a type error, not a silent drift. */
+type MorzeLocale = {
+    dataTable: DataTableLabels;
+    calendar: CalendarLabels;
+    common: MorzeCommonLabels;
+};
+
+export { Calendar as C, type DataTableLabels as D, type MorzeCommonLabels as M, type CalendarLabels as a, type CalendarProps as b, type DateMatcher as c, type DateRange as d, type MorzeLocale as e, defaultDataTableLabels as f, resolveLabels as r };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@morze/ui",
-  "version": "0.2.11",
-  "description": "Morze UI \u2014 React component kit built on shadcn/ui + Radix primitives with the Morze convex look.",
+  "version": "0.3.1",
+  "description": "Morze UI — React component kit built on shadcn/ui + Radix primitives with the Morze convex look.",
   "keywords": [
     "react",
     "ui",
@@ -34,6 +34,11 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
+    "./form": {
+      "types": "./dist/form/index.d.ts",
+      "import": "./dist/form/index.js",
+      "require": "./dist/form/index.cjs"
+    },
     "./locales/en": {
       "types": "./dist/locales/en.d.ts",
       "import": "./dist/locales/en.js",
@@ -68,7 +73,8 @@
   },
   "peerDependencies": {
     "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.0.0",
+    "react-hook-form": "^7.0.0"
   },
   "dependencies": {
     "class-variance-authority": "^0.7.1",
@@ -86,6 +92,7 @@
     "lightningcss": "^1.33.0",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
+    "react-hook-form": "^7.87.0",
     "tsup": "^8.5.1",
     "typescript": "^5.9.3",
     "vite": "^8.2.2",
@@ -96,5 +103,10 @@
   },
   "engines": {
     "node": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "react-hook-form": {
+      "optional": true
+    }
   }
 }

package/dist/types-B8jz2FF9.d.cts

@@ -1,75 +0,0 @@
-/**
- * Every visible string the table owns, in one place. Defaults are English;
- * pass a partial `labels` object to translate or reword any of them.
- */
-type DataTableLabels = {
-    filter: string;
-    filterFor: (column: string) => string;
-    filterActive: string;
-    contains: string;
-    apply: string;
-    reset: string;
-    resetAll: string;
-    resetFilters: string;
-    clearFilter: string;
-    rangeFrom: string;
-    rangeTo: string;
-    dateFrom: string;
-    dateTo: string;
-    yes: string;
-    no: string;
-    columns: string;
-    moveUp: (column: string) => string;
-    moveDown: (column: string) => string;
-    pinning: (column: string, side: string) => string;
-    pinnedLeft: string;
-    pinnedRight: string;
-    notPinned: string;
-    show: (column: string) => string;
-    hide: (column: string) => string;
-    sortBy: (column: string) => string;
-    columnWidth: (column: string) => string;
-    selectPage: string;
-    selectRow: string;
-    expandRow: string;
-    collapseRow: string;
-    details: string;
-    empty: string;
-    retry: string;
-    rowsPerPage: string;
-    nothingFound: string;
-    of: string;
-    firstPage: string;
-    previousPage: string;
-    nextPage: string;
-    lastPage: string;
-    loadMore: string;
-    loadingMore: string;
-    selectedCount: (count: string) => string;
-    allMatchingSuffix: string;
-    selectAllMatching: (total: string) => string;
-    clearSelection: string;
-    bulkActions: string;
-};
-declare const defaultDataTableLabels: DataTableLabels;
-declare function resolveLabels(labels?: Partial<DataTableLabels>): DataTableLabels;
-
-/**
- * Strings the rest of the kit takes as individual props: `Dialog`/`Sheet`
- * `closeLabel`, `Spinner` `label`, `Sidebar` `mobileTitle` /
- * `mobileDescription`, `SidebarTrigger` `label`.
- */
-type MorzeCommonLabels = {
-    close: string;
-    loading: string;
-    sidebarNavigation: string;
-    sidebarSections: string;
-    toggleSidebar: string;
-};
-/** One language, complete. A missing key is a type error, not a silent drift. */
-type MorzeLocale = {
-    dataTable: DataTableLabels;
-    common: MorzeCommonLabels;
-};
-
-export { type DataTableLabels as D, type MorzeCommonLabels as M, type MorzeLocale as a, defaultDataTableLabels as d, resolveLabels as r };

package/dist/types-B8jz2FF9.d.ts

@@ -1,75 +0,0 @@
-/**
- * Every visible string the table owns, in one place. Defaults are English;
- * pass a partial `labels` object to translate or reword any of them.
- */
-type DataTableLabels = {
-    filter: string;
-    filterFor: (column: string) => string;
-    filterActive: string;
-    contains: string;
-    apply: string;
-    reset: string;
-    resetAll: string;
-    resetFilters: string;
-    clearFilter: string;
-    rangeFrom: string;
-    rangeTo: string;
-    dateFrom: string;
-    dateTo: string;
-    yes: string;
-    no: string;
-    columns: string;
-    moveUp: (column: string) => string;
-    moveDown: (column: string) => string;
-    pinning: (column: string, side: string) => string;
-    pinnedLeft: string;
-    pinnedRight: string;
-    notPinned: string;
-    show: (column: string) => string;
-    hide: (column: string) => string;
-    sortBy: (column: string) => string;
-    columnWidth: (column: string) => string;
-    selectPage: string;
-    selectRow: string;
-    expandRow: string;
-    collapseRow: string;
-    details: string;
-    empty: string;
-    retry: string;
-    rowsPerPage: string;
-    nothingFound: string;
-    of: string;
-    firstPage: string;
-    previousPage: string;
-    nextPage: string;
-    lastPage: string;
-    loadMore: string;
-    loadingMore: string;
-    selectedCount: (count: string) => string;
-    allMatchingSuffix: string;
-    selectAllMatching: (total: string) => string;
-    clearSelection: string;
-    bulkActions: string;
-};
-declare const defaultDataTableLabels: DataTableLabels;
-declare function resolveLabels(labels?: Partial<DataTableLabels>): DataTableLabels;
-
-/**
- * Strings the rest of the kit takes as individual props: `Dialog`/`Sheet`
- * `closeLabel`, `Spinner` `label`, `Sidebar` `mobileTitle` /
- * `mobileDescription`, `SidebarTrigger` `label`.
- */
-type MorzeCommonLabels = {
-    close: string;
-    loading: string;
-    sidebarNavigation: string;
-    sidebarSections: string;
-    toggleSidebar: string;
-};
-/** One language, complete. A missing key is a type error, not a silent drift. */
-type MorzeLocale = {
-    dataTable: DataTableLabels;
-    common: MorzeCommonLabels;
-};
-
-export { type DataTableLabels as D, type MorzeCommonLabels as M, type MorzeLocale as a, defaultDataTableLabels as d, resolveLabels as r };