@journ/nude 0.1.2 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/animated-size.js +1 -1
- package/dist/calendar-parts.js +3 -2
- package/dist/carousel-parts.js +1 -1
- package/dist/combobox-parts.js +1 -1
- package/dist/command-palette-parts.js +1 -1
- package/dist/currency-input-parts.js +5 -2
- package/dist/data-table-parts.js +1 -1
- package/dist/date-input-parts.js +3 -2
- package/dist/field-parts.js +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -1
- package/dist/lib/picker.js +2 -1
- package/dist/list-row.d.ts +22 -0
- package/dist/list-row.js +14 -0
- package/dist/month-picker-parts.js +2 -2
- package/dist/month-stepper-parts.js +3 -2
- package/dist/multiple-selector-parts.js +1 -1
- package/dist/progress-parts.js +1 -1
- package/dist/quantity-input-parts.js +5 -2
- package/dist/stack-parts.js +2 -1
- package/dist/stepper-parts.js +1 -1
- package/dist/tag-input-parts.js +2 -1
- package/dist/text-morph.js +1 -1
- package/dist/time-range-parts.js +3 -2
- package/package.json +3 -3
package/dist/animated-size.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { useLayoutEffect, useRef } from "react";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
import { prefersReducedMotion } from "@journ/lift";
|
|
4
|
+
import { prefersReducedMotion } from "@journ/lift/prefers-reduced-motion";
|
|
5
5
|
import { animate } from "animejs";
|
|
6
6
|
//#region src/animated-size.tsx
|
|
7
7
|
/**
|
package/dist/calendar-parts.js
CHANGED
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
import { StepButton } from "./step-button.js";
|
|
3
3
|
import { useState, useSyncExternalStore } from "react";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
5
|
+
import { addMonths, formatMonthYear, startOfMonth } from "@journ/fitter-happier/month";
|
|
6
|
+
import { createRequiredContext } from "@journ/lift/required-context";
|
|
7
|
+
import { useControllableState } from "@journ/lift/use-controllable-state";
|
|
7
8
|
//#region src/calendar-parts.tsx
|
|
8
9
|
const YEAR_PAGE_SIZE = 12;
|
|
9
10
|
const dayKey = (date) => `${date.getFullYear()}-${date.getMonth()}-${date.getDate()}`;
|
package/dist/carousel-parts.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { StepButton } from "./step-button.js";
|
|
3
3
|
import { useEffect, useState } from "react";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
import { createRequiredContext } from "@journ/lift";
|
|
5
|
+
import { createRequiredContext } from "@journ/lift/required-context";
|
|
6
6
|
import useEmblaCarousel from "embla-carousel-react";
|
|
7
7
|
//#region src/carousel-parts.tsx
|
|
8
8
|
const [CarouselContext, useCarouselContext] = createRequiredContext("Carousel.Root");
|
package/dist/combobox-parts.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { part } from "./lib/part.js";
|
|
3
3
|
import { createPicker } from "./lib/picker.js";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
import { createRequiredContext } from "@journ/lift";
|
|
5
|
+
import { createRequiredContext } from "@journ/lift/required-context";
|
|
6
6
|
import { Command } from "cmdk";
|
|
7
7
|
//#region src/combobox-parts.tsx
|
|
8
8
|
const picker = createPicker("Combobox", "combobox");
|
|
@@ -4,7 +4,7 @@ import { Content as Content$1, Root as Root$1, Title, Trigger } from "./dialog-p
|
|
|
4
4
|
import { visuallyHidden } from "./lib/visually-hidden.js";
|
|
5
5
|
import { useEffect } from "react";
|
|
6
6
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
-
import { useControllableState } from "@journ/lift";
|
|
7
|
+
import { useControllableState } from "@journ/lift/use-controllable-state";
|
|
8
8
|
//#region src/command-palette-parts.tsx
|
|
9
9
|
/** A dialog that hosts the combobox list parts, opened globally with a keyboard shortcut. */
|
|
10
10
|
const Root = ({ open, defaultOpen = false, onOpenChange, onSelect, shortcut = "k", children }) => {
|
|
@@ -2,8 +2,11 @@
|
|
|
2
2
|
import { Input } from "./input.js";
|
|
3
3
|
import { commitOn } from "./lib/commit-on.js";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
import { createRequiredContext
|
|
6
|
-
import {
|
|
5
|
+
import { createRequiredContext } from "@journ/lift/required-context";
|
|
6
|
+
import { useControllableState } from "@journ/lift/use-controllable-state";
|
|
7
|
+
import { clamp } from "@journ/fitter-happier/clamp";
|
|
8
|
+
import { formatPlain, parseLocalizedNumber } from "@journ/fitter-happier/number";
|
|
9
|
+
import { useDraft } from "@journ/lift/use-draft";
|
|
7
10
|
//#region src/currency-input-parts.tsx
|
|
8
11
|
const [CurrencyContext, useCurrency] = createRequiredContext("CurrencyInput.Root");
|
|
9
12
|
/**
|
package/dist/data-table-parts.js
CHANGED
|
@@ -7,7 +7,7 @@ import { Content, Root as Root$2, Trigger } from "./popover-parts.js";
|
|
|
7
7
|
import { Table } from "./table.js";
|
|
8
8
|
import { useEffect, useRef } from "react";
|
|
9
9
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
|
-
import { createRequiredContext } from "@journ/lift";
|
|
10
|
+
import { createRequiredContext } from "@journ/lift/required-context";
|
|
11
11
|
import { columnVisibilityFeature, createColumnHelper, createPaginatedRowModel, createSortedRowModel, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, tableFeatures, useTable } from "@tanstack/react-table";
|
|
12
12
|
//#region src/data-table-parts.tsx
|
|
13
13
|
const features = tableFeatures({
|
package/dist/date-input-parts.js
CHANGED
|
@@ -3,8 +3,9 @@ import { Input } from "./input.js";
|
|
|
3
3
|
import { commitOn } from "./lib/commit-on.js";
|
|
4
4
|
import { useState } from "react";
|
|
5
5
|
import { jsx } from "react/jsx-runtime";
|
|
6
|
-
import { createRequiredContext
|
|
7
|
-
import {
|
|
6
|
+
import { createRequiredContext } from "@journ/lift/required-context";
|
|
7
|
+
import { useControllableState } from "@journ/lift/use-controllable-state";
|
|
8
|
+
import { datePlaceholder, formatDate, parseDate } from "@journ/fitter-happier/parse-date";
|
|
8
9
|
//#region src/date-input-parts.tsx
|
|
9
10
|
const [DateInputContext, useDateInput] = createRequiredContext("DateInput.Root");
|
|
10
11
|
/** Holds the typed text and commits a real date on blur or Enter. */
|
package/dist/field-parts.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { useId } from "react";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
import { createRequiredContext } from "@journ/lift";
|
|
4
|
+
import { createRequiredContext } from "@journ/lift/required-context";
|
|
5
5
|
import * as RadixLabel from "@radix-ui/react-label";
|
|
6
6
|
import { Slot } from "@radix-ui/react-slot";
|
|
7
7
|
//#region src/field-parts.tsx
|
package/dist/index.d.ts
CHANGED
|
@@ -46,6 +46,7 @@ import { Heading } from "./heading.js";
|
|
|
46
46
|
import { HoverCard } from "./hover-card.js";
|
|
47
47
|
import { Icon } from "./icon.js";
|
|
48
48
|
import { Link } from "./link.js";
|
|
49
|
+
import { ListRow } from "./list-row.js";
|
|
49
50
|
import { Markdown, MarkdownProps } from "./markdown.js";
|
|
50
51
|
import { Message } from "./message.js";
|
|
51
52
|
import { RootProps as RootProps$8 } from "./month-picker-parts.js";
|
|
@@ -91,4 +92,4 @@ import { Toast } from "./toast.js";
|
|
|
91
92
|
import { ToggleGroup } from "./toggle-group.js";
|
|
92
93
|
import { Tooltip } from "./tooltip.js";
|
|
93
94
|
import { TouchTarget } from "./touch-target.js";
|
|
94
|
-
export { Accordion, Alert, AlertDialog, AnimatedSize, type AnimatedSizeProps, Avatar, Badge, Breadcrumbs, BulkBar, Button, type ButtonProps, Calendar, type CalendarActions, type CalendarContextValue, type CalendarMeta, type RootProps as CalendarProps, type CalendarState, type CalendarView, Card, Carousel, type RootProps$1 as CarouselProps, Checkbox, Chip, Collapsible, Combobox, type ComboboxActions, type ComboboxContextValue, type RootProps$2 as ComboboxProps, type ComboboxState, CommandPalette, type RootProps$3 as CommandPaletteProps, Composer, ContextMenu, CurrencyInput, type RootProps$4 as CurrencyInputProps, DataTable, type DataTableColumn, type RootProps$5 as DataTableProps, DateInput, DatePicker, type DatePickerActions, type DatePickerContextValue, type DatePickerMeta, type RootProps$6 as DatePickerProps, type DatePickerState, type DateRange, DateRangePicker, type DateRangePickerActions, type DateRangePickerContextValue, type DateRangePickerMeta, type RootProps$7 as DateRangePickerProps, type DateRangePickerState, DescriptionList, Dialog, Divider, Drawer, DropdownMenu, EmptyState, Field, FileDropzone, type FileRejection, Heading, HoverCard, Icon, IconButton, type IconButtonProps, Input, Link, Markdown, type MarkdownProps, Message, MonthPicker, type RootProps$8 as MonthPickerProps, MonthStepper, MultipleSelector, type RootProps$9 as MultipleSelectorProps, NavBar, NavigationMenu, OtpInput, Page, PageHeader, Pagination, PillSelect, Popover, Portal, type PortalProps, Progress, QuantityInput, type RootProps$10 as QuantityInputProps, Radio, type RejectionReason, ScrollArea, Select, Sheet, type ContentProps as SheetContentProps, type Side as SheetSide, Sidebar, Skeleton, Slider, Spinner, Stack, Stat, Stepper, Switch, Table, Tabs, TagInput, type RootProps$11 as TagInputProps, Text, TextMorph, type TextMorphProps, TextShimmer, type TextShimmerProps, Textarea, TimeRange, type RootProps$12 as TimeRangeProps, type TimeRangeValue, Toast, ToggleGroup, Tooltip, TouchTarget, type Weekday, dataTableColumns, selectColumn, useCalendar, useCarousel, useCombobox, useDataTable, useDatePicker, useDateRangePicker, useMultipleSelector, useTagInput };
|
|
95
|
+
export { Accordion, Alert, AlertDialog, AnimatedSize, type AnimatedSizeProps, Avatar, Badge, Breadcrumbs, BulkBar, Button, type ButtonProps, Calendar, type CalendarActions, type CalendarContextValue, type CalendarMeta, type RootProps as CalendarProps, type CalendarState, type CalendarView, Card, Carousel, type RootProps$1 as CarouselProps, Checkbox, Chip, Collapsible, Combobox, type ComboboxActions, type ComboboxContextValue, type RootProps$2 as ComboboxProps, type ComboboxState, CommandPalette, type RootProps$3 as CommandPaletteProps, Composer, ContextMenu, CurrencyInput, type RootProps$4 as CurrencyInputProps, DataTable, type DataTableColumn, type RootProps$5 as DataTableProps, DateInput, DatePicker, type DatePickerActions, type DatePickerContextValue, type DatePickerMeta, type RootProps$6 as DatePickerProps, type DatePickerState, type DateRange, DateRangePicker, type DateRangePickerActions, type DateRangePickerContextValue, type DateRangePickerMeta, type RootProps$7 as DateRangePickerProps, type DateRangePickerState, DescriptionList, Dialog, Divider, Drawer, DropdownMenu, EmptyState, Field, FileDropzone, type FileRejection, Heading, HoverCard, Icon, IconButton, type IconButtonProps, Input, Link, ListRow, Markdown, type MarkdownProps, Message, MonthPicker, type RootProps$8 as MonthPickerProps, MonthStepper, MultipleSelector, type RootProps$9 as MultipleSelectorProps, NavBar, NavigationMenu, OtpInput, Page, PageHeader, Pagination, PillSelect, Popover, Portal, type PortalProps, Progress, QuantityInput, type RootProps$10 as QuantityInputProps, Radio, type RejectionReason, ScrollArea, Select, Sheet, type ContentProps as SheetContentProps, type Side as SheetSide, Sidebar, Skeleton, Slider, Spinner, Stack, Stat, Stepper, Switch, Table, Tabs, TagInput, type RootProps$11 as TagInputProps, Text, TextMorph, type TextMorphProps, TextShimmer, type TextShimmerProps, Textarea, TimeRange, type RootProps$12 as TimeRangeProps, type TimeRangeValue, Toast, ToggleGroup, Tooltip, TouchTarget, type Weekday, dataTableColumns, selectColumn, useCalendar, useCarousel, useCombobox, useDataTable, useDatePicker, useDateRangePicker, useMultipleSelector, useTagInput };
|
package/dist/index.js
CHANGED
|
@@ -44,6 +44,7 @@ import { Heading } from "./heading.js";
|
|
|
44
44
|
import { HoverCard } from "./hover-card.js";
|
|
45
45
|
import { Icon } from "./icon.js";
|
|
46
46
|
import { Link } from "./link.js";
|
|
47
|
+
import { ListRow } from "./list-row.js";
|
|
47
48
|
import { Markdown } from "./markdown.js";
|
|
48
49
|
import { Message } from "./message.js";
|
|
49
50
|
import { MonthPicker } from "./month-picker.js";
|
|
@@ -84,4 +85,4 @@ import { Toast } from "./toast.js";
|
|
|
84
85
|
import { ToggleGroup } from "./toggle-group.js";
|
|
85
86
|
import { Tooltip } from "./tooltip.js";
|
|
86
87
|
import { TouchTarget } from "./touch-target.js";
|
|
87
|
-
export { Accordion, Alert, AlertDialog, AnimatedSize, Avatar, Badge, Breadcrumbs, BulkBar, Button, Calendar, Card, Carousel, Checkbox, Chip, Collapsible, Combobox, CommandPalette, Composer, ContextMenu, CurrencyInput, DataTable, DateInput, DatePicker, DateRangePicker, DescriptionList, Dialog, Divider, Drawer, DropdownMenu, EmptyState, Field, FileDropzone, Heading, HoverCard, Icon, IconButton, Input, Link, Markdown, Message, MonthPicker, MonthStepper, MultipleSelector, NavBar, NavigationMenu, OtpInput, Page, PageHeader, Pagination, PillSelect, Popover, Portal, Progress, QuantityInput, Radio, ScrollArea, Select, Sheet, Sidebar, Skeleton, Slider, Spinner, Stack, Stat, Stepper, Switch, Table, Tabs, TagInput, Text, TextMorph, TextShimmer, Textarea, TimeRange, Toast, ToggleGroup, Tooltip, TouchTarget, dataTableColumns, selectColumn, useCalendar, useCarousel, useCombobox, useDataTable, useDatePicker, useDateRangePicker, useMultipleSelector, useTagInput };
|
|
88
|
+
export { Accordion, Alert, AlertDialog, AnimatedSize, Avatar, Badge, Breadcrumbs, BulkBar, Button, Calendar, Card, Carousel, Checkbox, Chip, Collapsible, Combobox, CommandPalette, Composer, ContextMenu, CurrencyInput, DataTable, DateInput, DatePicker, DateRangePicker, DescriptionList, Dialog, Divider, Drawer, DropdownMenu, EmptyState, Field, FileDropzone, Heading, HoverCard, Icon, IconButton, Input, Link, ListRow, Markdown, Message, MonthPicker, MonthStepper, MultipleSelector, NavBar, NavigationMenu, OtpInput, Page, PageHeader, Pagination, PillSelect, Popover, Portal, Progress, QuantityInput, Radio, ScrollArea, Select, Sheet, Sidebar, Skeleton, Slider, Spinner, Stack, Stat, Stepper, Switch, Table, Tabs, TagInput, Text, TextMorph, TextShimmer, Textarea, TimeRange, Toast, ToggleGroup, Tooltip, TouchTarget, dataTableColumns, selectColumn, useCalendar, useCarousel, useCombobox, useDataTable, useDatePicker, useDateRangePicker, useMultipleSelector, useTagInput };
|
package/dist/lib/picker.js
CHANGED
|
@@ -2,7 +2,8 @@ import { Button } from "../button.js";
|
|
|
2
2
|
import { Root, Trigger } from "../drawer-parts.js";
|
|
3
3
|
import { useState } from "react";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
import { createRequiredContext
|
|
5
|
+
import { createRequiredContext } from "@journ/lift/required-context";
|
|
6
|
+
import { useControllableState } from "@journ/lift/use-controllable-state";
|
|
6
7
|
//#region src/lib/picker.tsx
|
|
7
8
|
/**
|
|
8
9
|
* The state, trigger and value shared by every picker that opens in a drawer
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Styled } from "./styled.js";
|
|
2
|
+
//#region src/list-row.d.ts
|
|
3
|
+
declare const Root: Styled<"div">;
|
|
4
|
+
declare const Button: Styled<"button">;
|
|
5
|
+
declare const Link: Styled<"a">;
|
|
6
|
+
declare const Leading: Styled<"span">;
|
|
7
|
+
declare const Content: Styled<"span">;
|
|
8
|
+
declare const Title: Styled<"span">;
|
|
9
|
+
declare const Subtitle: Styled<"span">;
|
|
10
|
+
declare const Trailing: Styled<"span">;
|
|
11
|
+
declare const ListRow: {
|
|
12
|
+
Root: typeof Root;
|
|
13
|
+
Button: typeof Button;
|
|
14
|
+
Link: typeof Link;
|
|
15
|
+
Leading: typeof Leading;
|
|
16
|
+
Content: typeof Content;
|
|
17
|
+
Title: typeof Title;
|
|
18
|
+
Subtitle: typeof Subtitle;
|
|
19
|
+
Trailing: typeof Trailing;
|
|
20
|
+
};
|
|
21
|
+
//#endregion
|
|
22
|
+
export { ListRow };
|
package/dist/list-row.js
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { part } from "./lib/part.js";
|
|
2
|
+
//#region src/list-row.tsx
|
|
3
|
+
const ListRow = {
|
|
4
|
+
Root: part("div", "list-row"),
|
|
5
|
+
Button: part("button", "list-row", { type: "button" }),
|
|
6
|
+
Link: part("a", "list-row"),
|
|
7
|
+
Leading: part("span", "list-row-leading"),
|
|
8
|
+
Content: part("span", "list-row-content"),
|
|
9
|
+
Title: part("span", "list-row-title"),
|
|
10
|
+
Subtitle: part("span", "list-row-subtitle"),
|
|
11
|
+
Trailing: part("span", "list-row-trailing")
|
|
12
|
+
};
|
|
13
|
+
//#endregion
|
|
14
|
+
export { ListRow };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { Provider, useCalendarNavigation } from "./calendar-parts.js";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
4
|
+
import { startOfMonth } from "@journ/fitter-happier/month";
|
|
5
|
+
import { useControllableState } from "@journ/lift/use-controllable-state";
|
|
6
6
|
//#region src/month-picker-parts.tsx
|
|
7
7
|
/**
|
|
8
8
|
* A calendar that stops at months: it reuses the Calendar parts (Frame, Header,
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { StepButton } from "./step-button.js";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
4
|
+
import { addMonths, formatMonthYear, startOfMonth } from "@journ/fitter-happier/month";
|
|
5
|
+
import { createRequiredContext } from "@journ/lift/required-context";
|
|
6
|
+
import { useControllableState } from "@journ/lift/use-controllable-state";
|
|
6
7
|
//#region src/month-stepper-parts.tsx
|
|
7
8
|
const [MonthStepperContext, useMonthStepper] = createRequiredContext("MonthStepper.Root");
|
|
8
9
|
/** Always reports the first day of the month. */
|
|
@@ -4,7 +4,7 @@ import { createPicker } from "./lib/picker.js";
|
|
|
4
4
|
import { Empty, Frame, Group, Input as Input$1, ItemIndicator, List, Option } from "./combobox-parts.js";
|
|
5
5
|
import { useState } from "react";
|
|
6
6
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
-
import { createRequiredContext } from "@journ/lift";
|
|
7
|
+
import { createRequiredContext } from "@journ/lift/required-context";
|
|
8
8
|
//#region src/multiple-selector-parts.tsx
|
|
9
9
|
const picker = createPicker("MultipleSelector", "multiple-selector", {
|
|
10
10
|
closeOnSelect: false,
|
package/dist/progress-parts.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import { createRequiredContext } from "@journ/lift";
|
|
3
|
+
import { createRequiredContext } from "@journ/lift/required-context";
|
|
4
4
|
import * as RadixProgress from "@radix-ui/react-progress";
|
|
5
5
|
//#region src/progress-parts.tsx
|
|
6
6
|
const [PercentageContext, usePercentage] = createRequiredContext("Progress.Root");
|
|
@@ -3,8 +3,11 @@ import { StepButton } from "./step-button.js";
|
|
|
3
3
|
import { Composer } from "./composer.js";
|
|
4
4
|
import { commitOn } from "./lib/commit-on.js";
|
|
5
5
|
import { jsx } from "react/jsx-runtime";
|
|
6
|
-
import { createRequiredContext
|
|
7
|
-
import {
|
|
6
|
+
import { createRequiredContext } from "@journ/lift/required-context";
|
|
7
|
+
import { useControllableState } from "@journ/lift/use-controllable-state";
|
|
8
|
+
import { clamp } from "@journ/fitter-happier/clamp";
|
|
9
|
+
import { parseNumber } from "@journ/fitter-happier/number";
|
|
10
|
+
import { useDraft } from "@journ/lift/use-draft";
|
|
8
11
|
//#region src/quantity-input-parts.tsx
|
|
9
12
|
const [QuantityContext, useQuantity] = createRequiredContext("QuantityInput.Root");
|
|
10
13
|
/** A number with minus and plus. Typing is free until blur or Enter, then it snaps to the bounds. */
|
package/dist/stack-parts.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { useCallback, useLayoutEffect, useRef, useState } from "react";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
import {
|
|
4
|
+
import { prefersReducedMotion } from "@journ/lift/prefers-reduced-motion";
|
|
5
5
|
import { animate } from "animejs";
|
|
6
|
+
import { createRequiredContext } from "@journ/lift/required-context";
|
|
6
7
|
//#region src/stack-parts.tsx
|
|
7
8
|
const [StackContext, useStack] = createRequiredContext("Stack.Root");
|
|
8
9
|
const [ItemContext, useItemValue] = createRequiredContext("Stack.Item");
|
package/dist/stepper-parts.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { part } from "./lib/part.js";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
import { createRequiredContext } from "@journ/lift";
|
|
4
|
+
import { createRequiredContext } from "@journ/lift/required-context";
|
|
5
5
|
//#region src/stepper-parts.tsx
|
|
6
6
|
const [StepperContext, useStepper] = createRequiredContext("Stepper.Root");
|
|
7
7
|
const [ItemContext, useStepperItemContext] = createRequiredContext("Stepper.Item");
|
package/dist/tag-input-parts.js
CHANGED
|
@@ -3,7 +3,8 @@ import { Chip } from "./chip.js";
|
|
|
3
3
|
import { Composer } from "./composer.js";
|
|
4
4
|
import { useState } from "react";
|
|
5
5
|
import { jsx } from "react/jsx-runtime";
|
|
6
|
-
import { createRequiredContext
|
|
6
|
+
import { createRequiredContext } from "@journ/lift/required-context";
|
|
7
|
+
import { useControllableState } from "@journ/lift/use-controllable-state";
|
|
7
8
|
//#region src/tag-input-parts.tsx
|
|
8
9
|
const [TagInputContext, useTagInputContext] = createRequiredContext("TagInput.Root");
|
|
9
10
|
const useTagInput = useTagInputContext;
|
package/dist/text-morph.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { visuallyHidden } from "./lib/visually-hidden.js";
|
|
3
3
|
import { useLayoutEffect, useRef } from "react";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
-
import { prefersReducedMotion } from "@journ/lift";
|
|
5
|
+
import { prefersReducedMotion } from "@journ/lift/prefers-reduced-motion";
|
|
6
6
|
import { animate } from "animejs";
|
|
7
7
|
//#region src/text-morph.tsx
|
|
8
8
|
/**
|
package/dist/time-range-parts.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { Input } from "./input.js";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
import { createRequiredContext
|
|
5
|
-
import {
|
|
4
|
+
import { createRequiredContext } from "@journ/lift/required-context";
|
|
5
|
+
import { useControllableState } from "@journ/lift/use-controllable-state";
|
|
6
|
+
import { formatDuration, minutesBetween } from "@journ/fitter-happier/time";
|
|
6
7
|
//#region src/time-range-parts.tsx
|
|
7
8
|
const [TimeRangeContext, useTimeRange] = createRequiredContext("TimeRange.Root");
|
|
8
9
|
const empty = {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@journ/nude",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3",
|
|
4
4
|
"description": "Unstyled, accessible React primitives for the web. They own behavior, state, focus and ARIA, and leave every visual decision to you.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -61,8 +61,8 @@
|
|
|
61
61
|
"react-markdown": "^10.1.0",
|
|
62
62
|
"sonner": "^2.0.8",
|
|
63
63
|
"vaul": "^1.1.2",
|
|
64
|
-
"@journ/fitter-happier": "0.
|
|
65
|
-
"@journ/lift": "0.
|
|
64
|
+
"@journ/fitter-happier": "0.2.0",
|
|
65
|
+
"@journ/lift": "0.2.0"
|
|
66
66
|
},
|
|
67
67
|
"peerDependencies": {
|
|
68
68
|
"react": "^19.0.0",
|