diff --git a/packages/components/package.json b/packages/components/package.json index d57cc76d..cd1945a4 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,6 +1,6 @@ { "name": "@lambdacurry/forms", - "version": "0.19.0", + "version": "0.19.1", "type": "module", "main": "./dist/index.js", "types": "./dist/index.d.ts", diff --git a/packages/components/src/ui/calendar.tsx b/packages/components/src/ui/calendar.tsx index 3fb7cfae..928b571a 100644 --- a/packages/components/src/ui/calendar.tsx +++ b/packages/components/src/ui/calendar.tsx @@ -1,6 +1,6 @@ import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react'; import * as React from 'react'; -import { type DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker'; +import { type DayButton, DayPicker } from 'react-day-picker'; import { Button, buttonVariants } from './button'; import { cn } from './utils'; @@ -17,7 +17,6 @@ function Calendar({ }: React.ComponentProps & { buttonVariant?: React.ComponentProps['variant']; }) { - const defaultClassNames = getDefaultClassNames(); return ( svg]:text-muted-foreground [&>svg]:size-3.5', - defaultClassNames.caption_label, ), table: 'w-full border-collapse', - weekdays: cn('flex', defaultClassNames.weekdays), - weekday: cn( - 'text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none', - defaultClassNames.weekday, - ), - week: cn('flex w-full mt-2', defaultClassNames.week), - week_number_header: cn('select-none w-(--cell-size)', defaultClassNames.week_number_header), - week_number: cn('text-[0.8rem] select-none text-muted-foreground', defaultClassNames.week_number), - day: cn( - 'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none', - defaultClassNames.day, - ), - range_start: cn('rounded-l-md bg-accent', defaultClassNames.range_start), - range_middle: cn('rounded-none', defaultClassNames.range_middle), - range_end: cn('rounded-r-md bg-accent', defaultClassNames.range_end), - today: cn( - 'bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none', - defaultClassNames.today, - ), - outside: cn('text-muted-foreground aria-selected:text-muted-foreground', defaultClassNames.outside), - disabled: cn('text-muted-foreground opacity-50', defaultClassNames.disabled), - hidden: cn('invisible', defaultClassNames.hidden), + weekdays: 'flex', + weekday: 'text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none', + week: 'flex w-full mt-2', + week_number_header: 'select-none w-(--cell-size)', + week_number: 'text-[0.8rem] select-none text-muted-foreground', + day: 'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none', + range_start: 'rounded-l-md bg-accent', + range_middle: 'rounded-none', + range_end: 'rounded-r-md bg-accent', + today: 'bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none', + outside: 'text-muted-foreground aria-selected:text-muted-foreground', + disabled: 'text-muted-foreground opacity-50', + hidden: 'invisible', ...classNames, }} components={{ @@ -124,8 +102,6 @@ function Calendar({ } function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps) { - const defaultClassNames = getDefaultClassNames(); - const ref = React.useRef(null); React.useEffect(() => { if (modifiers.focused) ref.current?.focus(); @@ -145,7 +121,6 @@ function CalendarDayButton({ className, day, modifiers, ...props }: React.Compon data-range-middle={modifiers.range_middle} className={cn( 'data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70', - defaultClassNames.day, className, )} {...props} diff --git a/yarn.lock b/yarn.lock index 959eeb26..4cd7216c 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4602,7 +4602,7 @@ __metadata: languageName: node linkType: hard -"axios@npm:^1.11.0, axios@npm:^1.6.1, axios@npm:^1.8.2": +"axios@npm:^1.11.0, axios@npm:^1.6.1": version: 1.11.0 resolution: "axios@npm:1.11.0" dependencies: @@ -10088,8 +10088,8 @@ __metadata: linkType: hard "start-server-and-test@npm:^2.0.11": - version: 2.0.12 - resolution: "start-server-and-test@npm:2.0.12" + version: 2.0.13 + resolution: "start-server-and-test@npm:2.0.13" dependencies: arg: "npm:^5.0.2" bluebird: "npm:3.7.2" @@ -10098,12 +10098,12 @@ __metadata: execa: "npm:5.1.1" lazy-ass: "npm:1.6.0" ps-tree: "npm:1.2.0" - wait-on: "npm:8.0.3" + wait-on: "npm:8.0.4" bin: server-test: src/bin/start.js start-server-and-test: src/bin/start.js start-test: src/bin/start.js - checksum: 10c0/152c8952c3dc66b2aaa6c4ee75ed9390351e6b39cc22896d50c19e1ee129e73fb4967802237aa2f849e6b59ddb0543831ec02e9b876d62bb139e85aecdb9c114 + checksum: 10c0/5e8c8d2f5a806e0b5650605ab083a1a3890f1819cd3c4ea3e43d7cdbc228b5bb39e73b81ccd69d7baf1155e42c8e3d3ca421228abdefd83da530418c88c2d287 languageName: node linkType: hard @@ -11022,18 +11022,18 @@ __metadata: languageName: node linkType: hard -"wait-on@npm:8.0.3": - version: 8.0.3 - resolution: "wait-on@npm:8.0.3" +"wait-on@npm:8.0.4, wait-on@npm:^8.0.3": + version: 8.0.4 + resolution: "wait-on@npm:8.0.4" dependencies: - axios: "npm:^1.8.2" + axios: "npm:^1.11.0" joi: "npm:^17.13.3" lodash: "npm:^4.17.21" minimist: "npm:^1.2.8" rxjs: "npm:^7.8.2" bin: wait-on: bin/wait-on - checksum: 10c0/7f14086c3bb6fc055207ab591d2faefc045f718aa7c959353a54af05cf08c53c25d9af80d4d5f6934a169cc0d97ebd1dcf024b13583d09b9a935c36bd745bd7b + checksum: 10c0/e77d843a03efc12699c965c34338fe0b95c9e80d1e39d946dc172e11a2b9613688b48b61135b269390025a255204a4e3e2ff8e5774f99f0069d149b4b48fd02d languageName: node linkType: hard @@ -11052,21 +11052,6 @@ __metadata: languageName: node linkType: hard -"wait-on@npm:^8.0.3": - version: 8.0.4 - resolution: "wait-on@npm:8.0.4" - dependencies: - axios: "npm:^1.11.0" - joi: "npm:^17.13.3" - lodash: "npm:^4.17.21" - minimist: "npm:^1.2.8" - rxjs: "npm:^7.8.2" - bin: - wait-on: bin/wait-on - checksum: 10c0/e77d843a03efc12699c965c34338fe0b95c9e80d1e39d946dc172e11a2b9613688b48b61135b269390025a255204a4e3e2ff8e5774f99f0069d149b4b48fd02d - languageName: node - linkType: hard - "wait-port@npm:^0.2.9": version: 0.2.14 resolution: "wait-port@npm:0.2.14"