@codefast/ui 0.0.52 → 0.0.54
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/calendar.tsx"],"names":["DayPicker","ChevronLeftIcon","ChevronRightIcon","jsx","ChevronLeft","_","props","ChevronRight","Calendar","className","classNames","showOutsideDays","cn","buttonVariants"],"mappings":"4HAGA,
|
|
1
|
+
{"version":3,"sources":["../../src/react/calendar.tsx"],"names":["DayPicker","ChevronLeftIcon","ChevronRightIcon","jsx","ChevronLeft","_","props","ChevronRight","Calendar","className","classNames","showOutsideDays","cn","buttonVariants"],"mappings":"4HAGA,OAAS,aAAAA,MAAiB,mBAC1B,OAAS,mBAAAC,EAAiB,oBAAAC,MAAwB,wBAUzC,cAAAC,MAAA,oBADT,SAASC,EAAY,CAAE,SAAUC,EAAG,GAAGC,CAAM,EAAuC,CAClF,OAAOH,EAACF,EAAA,CAAgB,UAAU,SAAU,GAAGK,EAAO,CACxD,CAEA,SAASC,EAAa,CAAE,SAAUF,EAAG,GAAGC,CAAM,EAAuC,CACnF,OAAOH,EAACD,EAAA,CAAiB,UAAU,SAAU,GAAGI,EAAO,CACzD,CAIA,SAASE,EAAS,CAAE,UAAAC,EAAW,WAAAC,EAAY,gBAAAC,EAAkB,GAAM,GAAGL,CAAM,EAAqC,CAC/G,OACEH,EAACH,EAAA,CACC,gBAAiBW,EACjB,UAAWC,EAAG,MAAOH,CAAS,EAC9B,WAAY,CACV,OAAQ,gEACR,MAAO,YACP,QAAS,iDACT,cAAe,sBACf,IAAK,8BACL,WAAYI,EAAe,CACzB,QAAS,UACT,UAAW,wDACb,CAAC,EACD,oBAAqB,kBACrB,gBAAiB,mBACjB,MAAO,mCACP,SAAU,OACV,UAAW,2DACX,IAAK,mBACL,KAAMD,EACJ,oNACAN,EAAM,OAAS,QACX,uKACA,qCACN,EACA,IAAKO,EAAe,CAClB,QAAS,QACT,UAAW,kDACb,CAAC,EACD,gBAAiB,kBACjB,cAAe,gBACf,aACE,mIACF,UAAW,mCACX,YACE,uIACF,aAAc,mCACd,iBAAkB,+DAClB,WAAY,YACZ,GAAGH,CACL,EACA,WAAY,CACV,SAAUN,EACV,UAAWG,CACb,EACC,GAAGD,EACN,CAEJ","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { DayPicker } from 'react-day-picker';\nimport { ChevronLeftIcon, ChevronRightIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\nimport { buttonVariants } from './button';\nimport type { DateRange, DayPickerProps, StyledComponent } from 'react-day-picker';\n\n/* -----------------------------------------------------------------------------\n * Component: Calendar\n * -------------------------------------------------------------------------- */\n\nfunction ChevronLeft({ children: _, ...props }: StyledComponent): React.JSX.Element {\n return <ChevronLeftIcon className=\"size-4\" {...props} />;\n}\n\nfunction ChevronRight({ children: _, ...props }: StyledComponent): React.JSX.Element {\n return <ChevronRightIcon className=\"size-4\" {...props} />;\n}\n\ntype CalendarProps = DayPickerProps;\n\nfunction Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps): React.JSX.Element {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn('p-3', className)}\n classNames={{\n months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',\n month: 'space-y-4',\n caption: 'flex justify-center pt-1 relative items-center',\n caption_label: 'text-sm font-medium',\n nav: 'space-x-1 flex items-center',\n nav_button: buttonVariants({\n variant: 'outline',\n className: 'size-7 bg-transparent p-0 opacity-50 hover:opacity-100',\n }),\n nav_button_previous: 'absolute left-1',\n nav_button_next: 'absolute right-1',\n table: 'w-full border-collapse space-y-1',\n head_row: 'flex',\n head_cell: 'text-muted-foreground rounded-md w-8 font-normal text-xs',\n row: 'flex w-full mt-2',\n cell: cn(\n 'relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md',\n props.mode === 'range'\n ? '[&:has(>.day-range-start)]:rounded-l-md [&:has(>.day-range-end)]:rounded-r-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'\n : '[&:has([aria-selected])]:rounded-md',\n ),\n day: buttonVariants({\n variant: 'ghost',\n className: 'size-9 p-0 font-normal aria-selected:opacity-100',\n }),\n day_range_start: 'day-range-start',\n day_range_end: 'day-range-end',\n day_selected:\n 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',\n day_today: 'bg-accent text-accent-foreground',\n day_outside:\n 'day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30',\n day_disabled: 'text-muted-foreground opacity-50',\n day_range_middle: 'aria-selected:bg-accent aria-selected:text-accent-foreground',\n day_hidden: 'invisible',\n ...classNames,\n }}\n components={{\n IconLeft: ChevronLeft,\n IconRight: ChevronRight,\n }}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Calendar, type CalendarProps, type DateRange };\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/react/calendar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {
|
|
1
|
+
{"version":3,"sources":["../../src/react/calendar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { DayPicker } from 'react-day-picker';\nimport { ChevronLeftIcon, ChevronRightIcon } from '@radix-ui/react-icons';\nimport { cn } from '../lib/utils';\nimport { buttonVariants } from './button';\nimport type { DateRange, DayPickerProps, StyledComponent } from 'react-day-picker';\n\n/* -----------------------------------------------------------------------------\n * Component: Calendar\n * -------------------------------------------------------------------------- */\n\nfunction ChevronLeft({ children: _, ...props }: StyledComponent): React.JSX.Element {\n return <ChevronLeftIcon className=\"size-4\" {...props} />;\n}\n\nfunction ChevronRight({ children: _, ...props }: StyledComponent): React.JSX.Element {\n return <ChevronRightIcon className=\"size-4\" {...props} />;\n}\n\ntype CalendarProps = DayPickerProps;\n\nfunction Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps): React.JSX.Element {\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn('p-3', className)}\n classNames={{\n months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',\n month: 'space-y-4',\n caption: 'flex justify-center pt-1 relative items-center',\n caption_label: 'text-sm font-medium',\n nav: 'space-x-1 flex items-center',\n nav_button: buttonVariants({\n variant: 'outline',\n className: 'size-7 bg-transparent p-0 opacity-50 hover:opacity-100',\n }),\n nav_button_previous: 'absolute left-1',\n nav_button_next: 'absolute right-1',\n table: 'w-full border-collapse space-y-1',\n head_row: 'flex',\n head_cell: 'text-muted-foreground rounded-md w-8 font-normal text-xs',\n row: 'flex w-full mt-2',\n cell: cn(\n 'relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md',\n props.mode === 'range'\n ? '[&:has(>.day-range-start)]:rounded-l-md [&:has(>.day-range-end)]:rounded-r-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'\n : '[&:has([aria-selected])]:rounded-md',\n ),\n day: buttonVariants({\n variant: 'ghost',\n className: 'size-9 p-0 font-normal aria-selected:opacity-100',\n }),\n day_range_start: 'day-range-start',\n day_range_end: 'day-range-end',\n day_selected:\n 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',\n day_today: 'bg-accent text-accent-foreground',\n day_outside:\n 'day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30',\n day_disabled: 'text-muted-foreground opacity-50',\n day_range_middle: 'aria-selected:bg-accent aria-selected:text-accent-foreground',\n day_hidden: 'invisible',\n ...classNames,\n }}\n components={{\n IconLeft: ChevronLeft,\n IconRight: ChevronRight,\n }}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Calendar, type CalendarProps, type DateRange };\n"],"mappings":"+HAGA,OAAS,aAAAA,MAAiB,mBAC1B,OAAS,mBAAAC,EAAiB,oBAAAC,MAAwB,wBAUzC,cAAAC,MAAA,oBADT,SAASC,EAAY,CAAE,SAAUC,EAAG,GAAGC,CAAM,EAAuC,CAClF,OAAOH,EAACI,EAAA,CAAgB,UAAU,SAAU,GAAGD,EAAO,CACxD,CAEA,SAASE,EAAa,CAAE,SAAUH,EAAG,GAAGC,CAAM,EAAuC,CACnF,OAAOH,EAACM,EAAA,CAAiB,UAAU,SAAU,GAAGH,EAAO,CACzD,CAIA,SAASI,EAAS,CAAE,UAAAC,EAAW,WAAAC,EAAY,gBAAAC,EAAkB,GAAM,GAAGP,CAAM,EAAqC,CAC/G,OACEH,EAACW,EAAA,CACC,gBAAiBD,EACjB,UAAWE,EAAG,MAAOJ,CAAS,EAC9B,WAAY,CACV,OAAQ,gEACR,MAAO,YACP,QAAS,iDACT,cAAe,sBACf,IAAK,8BACL,WAAYK,EAAe,CACzB,QAAS,UACT,UAAW,wDACb,CAAC,EACD,oBAAqB,kBACrB,gBAAiB,mBACjB,MAAO,mCACP,SAAU,OACV,UAAW,2DACX,IAAK,mBACL,KAAMD,EACJ,oNACAT,EAAM,OAAS,QACX,uKACA,qCACN,EACA,IAAKU,EAAe,CAClB,QAAS,QACT,UAAW,kDACb,CAAC,EACD,gBAAiB,kBACjB,cAAe,gBACf,aACE,mIACF,UAAW,mCACX,YACE,uIACF,aAAc,mCACd,iBAAkB,+DAClB,WAAY,YACZ,GAAGJ,CACL,EACA,WAAY,CACV,SAAUR,EACV,UAAWI,CACb,EACC,GAAGF,EACN,CAEJ","names":["DayPicker","ChevronLeftIcon","ChevronRightIcon","jsx","ChevronLeft","_","props","ChevronLeftIcon","ChevronRight","ChevronRightIcon","Calendar","className","classNames","showOutsideDays","DayPicker","cn","buttonVariants"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codefast/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.54",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"**/*.css"
|
|
@@ -387,13 +387,13 @@
|
|
|
387
387
|
"@tanstack/react-table": "^8.17.0",
|
|
388
388
|
"cmdk": "^1.0.0",
|
|
389
389
|
"cva": "1.0.0-beta.1",
|
|
390
|
-
"embla-carousel-react": "^8.1.
|
|
390
|
+
"embla-carousel-react": "^8.1.5",
|
|
391
391
|
"input-otp": "^1.2.4",
|
|
392
392
|
"next-themes": "^0.3.0",
|
|
393
393
|
"react-day-picker": "^8.10.1",
|
|
394
|
-
"react-hook-form": "^7.
|
|
394
|
+
"react-hook-form": "^7.52.0",
|
|
395
395
|
"react-resizable-panels": "^2.0.19",
|
|
396
|
-
"sonner": "^1.
|
|
396
|
+
"sonner": "^1.5.0",
|
|
397
397
|
"tailwind-merge": "^2.3.0",
|
|
398
398
|
"vaul": "^0.9.1"
|
|
399
399
|
},
|
|
@@ -408,7 +408,7 @@
|
|
|
408
408
|
"tailwindcss": "^3.4.4",
|
|
409
409
|
"tsup": "^8.1.0",
|
|
410
410
|
"typescript": "^5.4.5",
|
|
411
|
-
"@codefast/eslint-config": "0.0.
|
|
411
|
+
"@codefast/eslint-config": "0.0.26",
|
|
412
412
|
"@codefast/typescript-config": "0.0.2"
|
|
413
413
|
},
|
|
414
414
|
"peerDependencies": {
|
package/src/react/calendar.tsx
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
import {
|
|
4
|
+
import { DayPicker } from 'react-day-picker';
|
|
5
5
|
import { ChevronLeftIcon, ChevronRightIcon } from '@radix-ui/react-icons';
|
|
6
6
|
import { cn } from '../lib/utils';
|
|
7
7
|
import { buttonVariants } from './button';
|
|
8
|
+
import type { DateRange, DayPickerProps, StyledComponent } from 'react-day-picker';
|
|
8
9
|
|
|
9
10
|
/* -----------------------------------------------------------------------------
|
|
10
11
|
* Component: Calendar
|