@xjur-ui/react 2.2.3 → 2.3.0
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/CHANGELOG.md +19 -0
- package/dist/chunk-26RT6WUU.js +2 -0
- package/dist/chunk-26RT6WUU.js.map +1 -0
- package/dist/chunk-2TVBY4IY.js +2 -0
- package/dist/chunk-2TVBY4IY.js.map +1 -0
- package/dist/chunk-3DZWZLV3.js +2 -0
- package/dist/chunk-3DZWZLV3.js.map +1 -0
- package/dist/chunk-3LWJK7RE.js +2 -0
- package/dist/chunk-3LWJK7RE.js.map +1 -0
- package/dist/chunk-3QA5HU4T.js +2 -0
- package/dist/chunk-3QA5HU4T.js.map +1 -0
- package/dist/chunk-3RD2PGPH.js +2 -0
- package/dist/chunk-3RD2PGPH.js.map +1 -0
- package/dist/chunk-4GDW5WIQ.js +2 -0
- package/dist/chunk-4GDW5WIQ.js.map +1 -0
- package/dist/{chunk-TTKENFBF.js → chunk-4NBJXNQ7.js} +2 -2
- package/dist/{chunk-TTKENFBF.js.map → chunk-4NBJXNQ7.js.map} +1 -1
- package/dist/chunk-4ZEXJODE.js +2 -0
- package/dist/chunk-4ZEXJODE.js.map +1 -0
- package/dist/chunk-5CA552M6.js +2 -0
- package/dist/chunk-5CA552M6.js.map +1 -0
- package/dist/chunk-5Z3AIBBS.js +2 -0
- package/dist/{chunk-JGPHBUVM.js.map → chunk-5Z3AIBBS.js.map} +1 -1
- package/dist/chunk-6EDRVSCQ.js +2 -0
- package/dist/{chunk-6PHXO2YA.js.map → chunk-6EDRVSCQ.js.map} +1 -1
- package/dist/chunk-6KKZP5G3.js +2 -0
- package/dist/chunk-6KKZP5G3.js.map +1 -0
- package/dist/chunk-7DGDSULM.js +2 -0
- package/dist/chunk-7DGDSULM.js.map +1 -0
- package/dist/chunk-7EEEHHLL.js +2 -0
- package/dist/chunk-7EEEHHLL.js.map +1 -0
- package/dist/{chunk-SLMHDBWO.js → chunk-AGO3UKJY.js} +2 -2
- package/dist/{chunk-SLMHDBWO.js.map → chunk-AGO3UKJY.js.map} +1 -1
- package/dist/chunk-AIQVBX52.js +2 -0
- package/dist/chunk-AIQVBX52.js.map +1 -0
- package/dist/{chunk-HLWHETF5.js → chunk-BIPU447J.js} +2 -2
- package/dist/{chunk-HLWHETF5.js.map → chunk-BIPU447J.js.map} +1 -1
- package/dist/chunk-BXWTGQRV.js +2 -0
- package/dist/{chunk-MTIWFWRN.js.map → chunk-BXWTGQRV.js.map} +1 -1
- package/dist/chunk-C4YYI53B.js +2 -0
- package/dist/chunk-C4YYI53B.js.map +1 -0
- package/dist/chunk-CCSIBUKX.js +2 -0
- package/dist/chunk-CCSIBUKX.js.map +1 -0
- package/dist/chunk-CTBO27FM.js +2 -0
- package/dist/chunk-CTBO27FM.js.map +1 -0
- package/dist/chunk-DZSAQN5T.js +2 -0
- package/dist/chunk-DZSAQN5T.js.map +1 -0
- package/dist/chunk-EDVE3ICB.js +2 -0
- package/dist/chunk-EDVE3ICB.js.map +1 -0
- package/dist/chunk-EOKFSNH5.js +2 -0
- package/dist/chunk-EOKFSNH5.js.map +1 -0
- package/dist/chunk-FOY43MIQ.js +2 -0
- package/dist/chunk-FOY43MIQ.js.map +1 -0
- package/dist/chunk-FU4H45BR.js +2 -0
- package/dist/chunk-FU4H45BR.js.map +1 -0
- package/dist/chunk-H4XO5KQZ.js +2 -0
- package/dist/chunk-H4XO5KQZ.js.map +1 -0
- package/dist/chunk-HIT33DXM.js +2 -0
- package/dist/chunk-HIT33DXM.js.map +1 -0
- package/dist/chunk-HRG3L64O.js +2 -0
- package/dist/chunk-HRG3L64O.js.map +1 -0
- package/dist/chunk-IQKIIIQ3.js +2 -0
- package/dist/chunk-IQKIIIQ3.js.map +1 -0
- package/dist/chunk-JHRYQ25B.js +2 -0
- package/dist/chunk-JHRYQ25B.js.map +1 -0
- package/dist/chunk-LA22O6VE.js +2 -0
- package/dist/chunk-LA22O6VE.js.map +1 -0
- package/dist/{chunk-BYXTOSM6.js → chunk-LWBGC4MI.js} +2 -2
- package/dist/{chunk-BYXTOSM6.js.map → chunk-LWBGC4MI.js.map} +1 -1
- package/dist/chunk-NDXYABGR.js +2 -0
- package/dist/chunk-NDXYABGR.js.map +1 -0
- package/dist/chunk-NQFPNHFQ.js +2 -0
- package/dist/chunk-NQFPNHFQ.js.map +1 -0
- package/dist/chunk-NRQWDEPL.js +2 -0
- package/dist/chunk-NRQWDEPL.js.map +1 -0
- package/dist/chunk-OGRUMTZC.js +2 -0
- package/dist/chunk-OGRUMTZC.js.map +1 -0
- package/dist/{chunk-OKSGVAQQ.js → chunk-OWFC7RTB.js} +2 -2
- package/dist/{chunk-OKSGVAQQ.js.map → chunk-OWFC7RTB.js.map} +1 -1
- package/dist/chunk-OZ7TAILP.js +2 -0
- package/dist/chunk-OZ7TAILP.js.map +1 -0
- package/dist/chunk-PN2PHVKQ.js +2 -0
- package/dist/chunk-PN2PHVKQ.js.map +1 -0
- package/dist/chunk-QBBE3G4O.js +2 -0
- package/dist/chunk-QBBE3G4O.js.map +1 -0
- package/dist/{chunk-4M3WR2KJ.js → chunk-RAW5SN5A.js} +2 -2
- package/dist/{chunk-4M3WR2KJ.js.map → chunk-RAW5SN5A.js.map} +1 -1
- package/dist/chunk-RCP3J3FN.js +2 -0
- package/dist/chunk-RCP3J3FN.js.map +1 -0
- package/dist/chunk-RSILFO3M.js +2 -0
- package/dist/chunk-RSILFO3M.js.map +1 -0
- package/dist/chunk-RZQ2HH5A.js +2 -0
- package/dist/chunk-RZQ2HH5A.js.map +1 -0
- package/dist/chunk-SLQNE7TL.js +2 -0
- package/dist/chunk-SLQNE7TL.js.map +1 -0
- package/dist/chunk-TVYYMHLA.js +2 -0
- package/dist/chunk-TVYYMHLA.js.map +1 -0
- package/dist/chunk-UDJUMHNY.js +2 -0
- package/dist/chunk-UDJUMHNY.js.map +1 -0
- package/dist/chunk-VWS2FZKZ.js +2 -0
- package/dist/chunk-VWS2FZKZ.js.map +1 -0
- package/dist/chunk-WFZACDDH.js +2 -0
- package/dist/chunk-WFZACDDH.js.map +1 -0
- package/dist/chunk-WOVO46OF.js +2 -0
- package/dist/chunk-WOVO46OF.js.map +1 -0
- package/dist/chunk-WUHYNXHE.js +2 -0
- package/dist/chunk-WUHYNXHE.js.map +1 -0
- package/dist/chunk-WW4B3LUO.js +2 -0
- package/dist/chunk-WW4B3LUO.js.map +1 -0
- package/dist/chunk-XJFPH3IG.js +2 -0
- package/dist/chunk-XJFPH3IG.js.map +1 -0
- package/dist/chunk-XPC3GTK7.js +2 -0
- package/dist/chunk-XPC3GTK7.js.map +1 -0
- package/dist/chunk-XU7DDF5D.js +2 -0
- package/dist/chunk-XU7DDF5D.js.map +1 -0
- package/dist/chunk-YDRZPQ3J.js +2 -0
- package/dist/chunk-YDRZPQ3J.js.map +1 -0
- package/dist/chunk-YHG3FCHM.js +2 -0
- package/dist/chunk-YHG3FCHM.js.map +1 -0
- package/dist/chunk-ZHLE6XEC.js +2 -0
- package/dist/chunk-ZHLE6XEC.js.map +1 -0
- package/dist/components/carousel/carousel-action.d.ts +8 -0
- package/dist/components/carousel/carousel-action.js +2 -0
- package/dist/components/carousel/carousel-action.js.map +1 -0
- package/dist/components/carousel/carousel-content.d.ts +6 -0
- package/dist/components/carousel/carousel-content.js +2 -0
- package/dist/components/carousel/carousel-content.js.map +1 -0
- package/dist/components/carousel/carousel-item.d.ts +6 -0
- package/dist/components/carousel/carousel-item.js +2 -0
- package/dist/components/carousel/carousel-item.js.map +1 -0
- package/dist/components/carousel/carousel-root.d.ts +13 -0
- package/dist/components/carousel/carousel-root.js +2 -0
- package/dist/components/carousel/carousel-root.js.map +1 -0
- package/dist/components/carousel/index.d.ts +6 -0
- package/dist/components/carousel/index.js +2 -0
- package/dist/components/carousel/index.js.map +1 -0
- package/dist/components/chip.d.ts +1 -1
- package/dist/components/chip.js +1 -1
- package/dist/components/chip.js.map +1 -1
- package/dist/components/controls/date-picker/date-picker-caption.d.ts +6 -0
- package/dist/components/controls/date-picker/date-picker-caption.js +2 -0
- package/dist/components/controls/date-picker/date-picker-caption.js.map +1 -0
- package/dist/components/controls/date-picker/date-picker-content.d.ts +7 -0
- package/dist/components/controls/date-picker/date-picker-content.js +2 -0
- package/dist/components/controls/date-picker/date-picker-content.js.map +1 -0
- package/dist/components/controls/date-picker/date-picker-icon.d.ts +10 -0
- package/dist/components/controls/date-picker/date-picker-icon.js +2 -0
- package/dist/components/controls/date-picker/date-picker-icon.js.map +1 -0
- package/dist/components/controls/date-picker/date-picker-label.d.ts +7 -0
- package/dist/components/controls/date-picker/date-picker-label.js +2 -0
- package/dist/components/controls/date-picker/date-picker-label.js.map +1 -0
- package/dist/components/controls/date-picker/date-picker-root.d.ts +10 -0
- package/dist/components/controls/date-picker/date-picker-root.js +2 -0
- package/dist/components/controls/date-picker/date-picker-root.js.map +1 -0
- package/dist/components/controls/date-picker/date-picker-slot.d.ts +6 -0
- package/dist/components/controls/date-picker/date-picker-slot.js +2 -0
- package/dist/components/controls/date-picker/date-picker-slot.js.map +1 -0
- package/dist/components/controls/date-picker/date-picker-styles.d.ts +65 -0
- package/dist/components/controls/date-picker/date-picker-styles.js +2 -0
- package/dist/components/controls/date-picker/date-picker-styles.js.map +1 -0
- package/dist/components/controls/date-picker/date-picker-trigger.d.ts +7 -0
- package/dist/components/controls/date-picker/date-picker-trigger.js +2 -0
- package/dist/components/controls/date-picker/date-picker-trigger.js.map +1 -0
- package/dist/components/controls/date-picker/date-picker-value.d.ts +8 -0
- package/dist/components/controls/date-picker/date-picker-value.js +2 -0
- package/dist/components/controls/date-picker/date-picker-value.js.map +1 -0
- package/dist/components/controls/date-picker/index.d.ts +16 -0
- package/dist/components/controls/date-picker/index.js +2 -0
- package/dist/components/controls/date-picker/index.js.map +1 -0
- package/dist/components/controls/date-picker.d.ts +2 -1
- package/dist/components/controls/date-picker.js +1 -1
- package/dist/components/controls/date-picker.js.map +1 -1
- package/dist/components/controls/floating-label.js +1 -1
- package/dist/components/controls/input/index.d.ts +21 -0
- package/dist/components/controls/input/index.js +2 -0
- package/dist/components/controls/input/index.js.map +1 -0
- package/dist/components/controls/input/input-action.d.ts +6 -0
- package/dist/components/controls/input/input-action.js +2 -0
- package/dist/components/controls/input/input-action.js.map +1 -0
- package/dist/components/controls/input/input-caption.d.ts +6 -0
- package/dist/components/controls/input/input-caption.js +2 -0
- package/dist/components/controls/input/input-caption.js.map +1 -0
- package/dist/components/controls/input/input-content.d.ts +6 -0
- package/dist/components/controls/input/input-content.js +2 -0
- package/dist/components/controls/input/input-content.js.map +1 -0
- package/dist/components/controls/input/input-currency.d.ts +13 -0
- package/dist/components/controls/input/input-currency.js +2 -0
- package/dist/components/controls/input/input-currency.js.map +1 -0
- package/dist/components/controls/input/input-icon.d.ts +10 -0
- package/dist/components/controls/input/input-icon.js +2 -0
- package/dist/components/controls/{input.js.map → input/input-icon.js.map} +1 -1
- package/dist/components/controls/input/input-label.d.ts +7 -0
- package/dist/components/controls/input/input-label.js +2 -0
- package/dist/components/controls/input/input-label.js.map +1 -0
- package/dist/components/controls/input/input-mask.d.ts +6 -0
- package/dist/components/controls/input/input-mask.js +2 -0
- package/dist/components/controls/input/input-mask.js.map +1 -0
- package/dist/components/controls/input/input-number.d.ts +8 -0
- package/dist/components/controls/input/input-number.js +2 -0
- package/dist/components/controls/input/input-number.js.map +1 -0
- package/dist/components/controls/input/input-numeric-stepper.d.ts +8 -0
- package/dist/components/controls/input/input-numeric-stepper.js +2 -0
- package/dist/components/controls/input/input-numeric-stepper.js.map +1 -0
- package/dist/components/controls/input/input-root.d.ts +9 -0
- package/dist/components/controls/input/input-root.js +2 -0
- package/dist/components/controls/input/input-root.js.map +1 -0
- package/dist/components/controls/input/input-slot.d.ts +6 -0
- package/dist/components/controls/input/input-slot.js +2 -0
- package/dist/components/controls/input/input-slot.js.map +1 -0
- package/dist/components/controls/input/input-styles.d.ts +71 -0
- package/dist/components/controls/input/input-styles.js +2 -0
- package/dist/components/controls/input/input-styles.js.map +1 -0
- package/dist/components/controls/input/input-text.d.ts +6 -0
- package/dist/components/controls/input/input-text.js +2 -0
- package/dist/components/controls/input/input-text.js.map +1 -0
- package/dist/components/controls/input/input-trigger.d.ts +6 -0
- package/dist/components/controls/input/input-trigger.js +2 -0
- package/dist/components/controls/input/input-trigger.js.map +1 -0
- package/dist/components/controls/rating.js +1 -1
- package/dist/components/controls/rich-editor.js +1 -1
- package/dist/components/controls/rich-editor.js.map +1 -1
- package/dist/components/controls/search-input.d.ts +2 -2
- package/dist/components/controls/search-input.js +1 -1
- package/dist/components/controls/search-selector.js +1 -1
- package/dist/components/controls/search-selector.js.map +1 -1
- package/dist/components/controls/select/index.d.ts +27 -0
- package/dist/components/controls/select/index.js +2 -0
- package/dist/components/controls/select/index.js.map +1 -0
- package/dist/components/controls/select/select-caption.d.ts +6 -0
- package/dist/components/controls/select/select-caption.js +2 -0
- package/dist/components/controls/select/select-caption.js.map +1 -0
- package/dist/components/controls/select/select-content.d.ts +7 -0
- package/dist/components/controls/select/select-content.js +2 -0
- package/dist/components/controls/select/select-content.js.map +1 -0
- package/dist/components/controls/select/select-header-title.d.ts +10 -0
- package/dist/components/controls/select/select-header-title.js +2 -0
- package/dist/components/controls/select/select-header-title.js.map +1 -0
- package/dist/components/controls/select/select-header.d.ts +7 -0
- package/dist/components/controls/select/select-header.js +2 -0
- package/dist/components/controls/select/select-header.js.map +1 -0
- package/dist/components/controls/select/select-icon.d.ts +10 -0
- package/dist/components/controls/select/select-icon.js +2 -0
- package/dist/components/controls/{select.js.map → select/select-icon.js.map} +1 -1
- package/dist/components/controls/select/select-multi-value.d.ts +16 -0
- package/dist/components/controls/select/select-multi-value.js +2 -0
- package/dist/components/controls/select/select-multi-value.js.map +1 -0
- package/dist/components/controls/select/select-option-text.d.ts +9 -0
- package/dist/components/controls/select/select-option-text.js +2 -0
- package/dist/components/controls/select/select-option-text.js.map +1 -0
- package/dist/components/controls/select/select-option.d.ts +9 -0
- package/dist/components/controls/select/select-option.js +2 -0
- package/dist/components/controls/select/select-option.js.map +1 -0
- package/dist/components/controls/select/select-options.d.ts +7 -0
- package/dist/components/controls/select/select-options.js +2 -0
- package/dist/components/controls/select/select-options.js.map +1 -0
- package/dist/components/controls/select/select-root.d.ts +10 -0
- package/dist/components/controls/select/select-root.js +2 -0
- package/dist/components/controls/select/select-root.js.map +1 -0
- package/dist/components/controls/select/select-slot.d.ts +6 -0
- package/dist/components/controls/select/select-slot.js +2 -0
- package/dist/components/controls/select/select-slot.js.map +1 -0
- package/dist/components/controls/select/select-styles.d.ts +65 -0
- package/dist/components/controls/select/select-styles.js +2 -0
- package/dist/components/controls/select/select-styles.js.map +1 -0
- package/dist/components/controls/select/select-trigger.d.ts +7 -0
- package/dist/components/controls/select/select-trigger.js +2 -0
- package/dist/components/controls/select/select-trigger.js.map +1 -0
- package/dist/components/controls/select/select-value.d.ts +8 -0
- package/dist/components/controls/select/select-value.js +2 -0
- package/dist/components/controls/select/select-value.js.map +1 -0
- package/dist/components/controls/slider.js +1 -1
- package/dist/components/custom/pessoa/index.js +1 -1
- package/dist/components/dropdown-menu.d.ts +4 -1
- package/dist/components/dropdown-menu.js +1 -1
- package/dist/components/full-calendar/calendar-cell.js +1 -1
- package/dist/components/full-calendar/calendar-day-view.js +1 -1
- package/dist/components/full-calendar/calendar-month-view.js +1 -1
- package/dist/components/full-calendar/calendar-more-events-dropdown.js +1 -1
- package/dist/components/full-calendar/calendar-toggle-view.js +1 -1
- package/dist/components/full-calendar/calendar-view-renderer.js +1 -1
- package/dist/components/full-calendar/calendar-week-view.js +1 -1
- package/dist/components/full-calendar/index.js +1 -1
- package/dist/components/list/context/list-context.d.ts +10 -0
- package/dist/components/list/context/list-context.js +2 -0
- package/dist/components/list/context/list-context.js.map +1 -0
- package/dist/components/list/index.d.ts +12 -0
- package/dist/components/list/index.js +2 -0
- package/dist/components/list/index.js.map +1 -0
- package/dist/components/list/list-content.d.ts +9 -0
- package/dist/components/list/list-content.js +2 -0
- package/dist/components/list/list-content.js.map +1 -0
- package/dist/components/list/list-header-title.d.ts +9 -0
- package/dist/components/list/list-header-title.js +2 -0
- package/dist/components/list/list-header-title.js.map +1 -0
- package/dist/components/list/list-header.d.ts +8 -0
- package/dist/components/list/list-header.js +2 -0
- package/dist/components/list/list-header.js.map +1 -0
- package/dist/components/list/list-item.d.ts +14 -0
- package/dist/components/list/list-item.js +2 -0
- package/dist/components/list/list-item.js.map +1 -0
- package/dist/components/list/list-root.d.ts +12 -0
- package/dist/components/list/list-root.js +2 -0
- package/dist/components/list/list-root.js.map +1 -0
- package/dist/components/steps/index.js +1 -1
- package/dist/components/table/index.js +1 -1
- package/dist/components/typography.d.ts +1 -1
- package/dist/components/upload.js +1 -1
- package/dist/components/upload.js.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/package.json +10 -8
- package/dist/chunk-6PHXO2YA.js +0 -2
- package/dist/chunk-DTNZXDCY.js +0 -2
- package/dist/chunk-DTNZXDCY.js.map +0 -1
- package/dist/chunk-JGPHBUVM.js +0 -2
- package/dist/chunk-MTIWFWRN.js +0 -2
- package/dist/chunk-TQWBQ452.js +0 -2
- package/dist/chunk-TQWBQ452.js.map +0 -1
- package/dist/chunk-XGPKBYDY.js +0 -2
- package/dist/chunk-XGPKBYDY.js.map +0 -1
- package/dist/chunk-YOLTIAFT.js +0 -2
- package/dist/chunk-YOLTIAFT.js.map +0 -1
- package/dist/components/controls/input.d.ts +0 -96
- package/dist/components/controls/input.js +0 -2
- package/dist/components/controls/select.d.ts +0 -93
- package/dist/components/controls/select.js +0 -2
- package/dist/components/horizontal-scroll.d.ts +0 -11
- package/dist/components/horizontal-scroll.js +0 -2
- package/dist/components/horizontal-scroll.js.map +0 -1
- package/dist/components/list.d.ts +0 -25
- package/dist/components/list.js +0 -2
- package/dist/components/list.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/chip.tsx"],"names":["chipVariants","cva","ChipRoot","className","variant","disabled","props","jsx","cx","ChipText","size","weight","Typography","ChipIcon","Icon","ChipClose","children","ChipAvatar","avatarFallback","avatarUrl","jsxs","AvatarRoot","AvatarImage","AvatarFallback"],"mappings":"2NAMA,IAAMA,CAAAA,CAAeC,GAAAA,CACnB,CACE,yGAAA,CACA,6BACF,EACA,CACE,QAAA,CAAU,CACR,OAAA,CAAS,CACP,OAAA,CACE,yEACF,MAAA,CACE,qEAAA,CACF,QAAS,0DACX,CACF,EACA,eAAA,CAAiB,CACf,OAAA,CAAS,SACX,CACF,CACF,EAEO,SAASC,CAAAA,CAAS,CACvB,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,EAAU,SAAA,CACV,QAAA,CAAAC,CAAAA,CAAW,KAAA,CACX,GAAGC,CACL,EACmE,CACjE,OACEC,IAAC,KAAA,CAAA,CACC,SAAA,CAAWC,GAAGR,CAAAA,CAAa,CAAE,OAAA,CAAAI,CAAQ,CAAC,CAAA,CAAGD,CAAS,CAAA,CAClD,eAAA,CAAeE,CAAAA,CACd,GAAGC,CAAAA,CACN,CAEJ,CAEO,SAASG,CAAAA,CAAS,CACvB,OAAA,CAAAL,GAAAA,CAAU,OAAA,CACV,KAAAM,CAAAA,CAAO,OAAA,CACP,MAAA,CAAAC,CAAAA,CAAS,QAAA,CACT,SAAA,CAAAR,EACA,GAAGG,CACL,CAAA,CAAsC,CACpC,OACEC,GAAAA,CAACK,EAAA,CACC,SAAA,CAAWJ,EAAAA,CAAGL,CAAAA,CAAW,UAAU,CAAA,CACnC,KAAMO,CAAAA,CACN,OAAA,CAASN,GAAAA,CACT,MAAA,CAAQO,CAAAA,CACP,GAAGL,EACN,CAEJ,CAEO,SAASO,CAAAA,CAAS,CAAE,UAAAV,CAAAA,CAAW,GAAGG,CAAM,CAAA,CAAgC,CAC7E,OACEC,IAACO,CAAAA,CAAA,CACC,SAAA,EACGN,EAAAA,CACC,mBAAA,CACA,sDAAA,CACA,qDACA,kDACF,CAAA,CACAL,CAAAA,CAAAA,CAED,GAAGG,CAAAA,CACN,CAEJ,CAEO,SAASS,CAAAA,CAAU,CACxB,SAAA,CAAAZ,CAAAA,CACA,
|
|
1
|
+
{"version":3,"sources":["../../src/components/chip.tsx"],"names":["chipVariants","cva","ChipRoot","className","variant","disabled","props","jsx","cx","ChipText","size","weight","Typography","ChipIcon","Icon","ChipClose","children","ChipAvatar","avatarFallback","avatarUrl","jsxs","AvatarRoot","AvatarImage","AvatarFallback"],"mappings":"2NAMA,IAAMA,CAAAA,CAAeC,GAAAA,CACnB,CACE,yGAAA,CACA,6BACF,EACA,CACE,QAAA,CAAU,CACR,OAAA,CAAS,CACP,OAAA,CACE,yEACF,MAAA,CACE,qEAAA,CACF,QAAS,0DACX,CACF,EACA,eAAA,CAAiB,CACf,OAAA,CAAS,SACX,CACF,CACF,EAEO,SAASC,CAAAA,CAAS,CACvB,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,EAAU,SAAA,CACV,QAAA,CAAAC,CAAAA,CAAW,KAAA,CACX,GAAGC,CACL,EACmE,CACjE,OACEC,IAAC,KAAA,CAAA,CACC,SAAA,CAAWC,GAAGR,CAAAA,CAAa,CAAE,OAAA,CAAAI,CAAQ,CAAC,CAAA,CAAGD,CAAS,CAAA,CAClD,eAAA,CAAeE,CAAAA,CACd,GAAGC,CAAAA,CACN,CAEJ,CAEO,SAASG,CAAAA,CAAS,CACvB,OAAA,CAAAL,GAAAA,CAAU,OAAA,CACV,KAAAM,CAAAA,CAAO,OAAA,CACP,MAAA,CAAAC,CAAAA,CAAS,QAAA,CACT,SAAA,CAAAR,EACA,GAAGG,CACL,CAAA,CAAsC,CACpC,OACEC,GAAAA,CAACK,EAAA,CACC,SAAA,CAAWJ,EAAAA,CAAGL,CAAAA,CAAW,UAAU,CAAA,CACnC,KAAMO,CAAAA,CACN,OAAA,CAASN,GAAAA,CACT,MAAA,CAAQO,CAAAA,CACP,GAAGL,EACN,CAEJ,CAEO,SAASO,CAAAA,CAAS,CAAE,UAAAV,CAAAA,CAAW,GAAGG,CAAM,CAAA,CAAgC,CAC7E,OACEC,IAACO,CAAAA,CAAA,CACC,SAAA,EACGN,EAAAA,CACC,mBAAA,CACA,sDAAA,CACA,qDACA,kDACF,CAAA,CACAL,CAAAA,CAAAA,CAED,GAAGG,CAAAA,CACN,CAEJ,CAEO,SAASS,CAAAA,CAAU,CACxB,SAAA,CAAAZ,CAAAA,CACA,QAAA,CAAAa,EAAWT,GAAAA,CAACM,CAAAA,CAAA,CAAS,IAAA,CAAK,OAAA,CAAQ,CAAA,CAClC,GAAGP,CACL,CAAA,CAAgD,CAC9C,OACEC,GAAAA,CAAC,KAAA,CAAA,CACC,UAAWC,EAAAA,CACTL,CAAAA,CACA,gCAAA,CACA,2BAAA,CACA,gEAAA,CACA,wBAAA,CACA,uCACA,sCACF,CAAA,CACA,KAAK,QAAA,CACJ,GAAGG,EAEH,QAAA,CAAAU,CAAAA,CACH,CAEJ,CAEO,SAASC,CAAAA,CAAW,CACzB,IAAA,CAAAP,CAAAA,CAAO,IAAA,CACP,cAAA,CAAAQ,CAAAA,CAAiB,IAAA,CACjB,UAAAC,CAAAA,CACA,GAAGb,CACL,CAAA,CAGG,CACD,OACEc,KAACC,GAAAA,CAAA,CAAW,IAAA,CAAMX,CAAAA,CAAM,KAAA,CAAO,CAAE,WAAY,MAAO,CAAA,CAAI,GAAGJ,CAAAA,CACxD,QAAA,CAAA,CAAAa,CAAAA,EAAaZ,IAACe,GAAAA,CAAA,CAAY,GAAA,CAAKH,CAAAA,CAAW,CAAA,CAC3CZ,GAAAA,CAACgB,EAAA,CAAgB,QAAA,CAAAL,CAAAA,CAAe,CAAA,CAAA,CAClC,CAEJ","file":"chip.js","sourcesContent":["import { cva, cx, type ClassVariantProps } from '@xjur-ui/util'\nimport { type ComponentProps } from 'react'\nimport { Typography } from './typography'\nimport { Icon, type IconType } from './icon'\nimport { AvatarFallback, AvatarImage, AvatarRoot } from './avatar'\n\nconst chipVariants = cva(\n [\n 'group/chip relative h-large-2x w-fit rounded-circle px-small py-none flex items-center gap-small_1x-alt',\n 'transition-all duration-200'\n ],\n {\n variants: {\n variant: {\n primary:\n 'bg-primary-alt-idle text-primary-label-idle hover:bg-primary-alt-hover',\n danger:\n 'bg-danger-alt-idle text-danger-label-idle hover:bg-danger-alt-hover',\n neutral: 'bg-layer-1-idle text-neutral-dark hover:bg-layer-1-hover'\n }\n },\n defaultVariants: {\n variant: 'primary'\n }\n }\n)\n\nexport function ChipRoot({\n className,\n variant = 'primary',\n disabled = false,\n ...props\n}: ComponentProps<'div'> &\n ClassVariantProps<typeof chipVariants> & { disabled?: boolean }) {\n return (\n <div\n className={cx(chipVariants({ variant }), className)}\n data-disabled={disabled}\n {...props}\n />\n )\n}\n\nexport function ChipText({\n variant = 'label',\n size = 'sm-1x',\n weight = 'medium',\n className,\n ...props\n}: ComponentProps<typeof Typography>) {\n return (\n <Typography\n className={cx(className, 'truncate')}\n size={size}\n variant={variant}\n weight={weight}\n {...props}\n />\n )\n}\n\nexport function ChipIcon({ className, ...props }: ComponentProps<typeof Icon>) {\n return (\n <Icon\n className={\n (cx(\n 'text-size-body-md',\n 'group-data-[variant=primary]:text-primary-label-idle',\n 'group-data-[variant=danger]:text-danger-label-idle',\n 'group-data-[variant=neutral]:text-icon-neutral-3'\n ),\n className)\n }\n {...props}\n />\n )\n}\n\nexport function ChipClose({\n className,\n children = <ChipIcon name=\"close\" />,\n ...props\n}: ComponentProps<'div'> & { name?: IconType }) {\n return (\n <div\n className={cx(\n className,\n 'data-[disabled=true]:invisible',\n 'cursor-pointer bg-inherit',\n 'invisible items-center justify-center group-hover/chip:visible',\n 'absolute top-0 right-0',\n 'h-large-2x w-large-2x rounded-circle',\n 'transition-[visibility] duration-200'\n )}\n role=\"button\"\n {...props}\n >\n {children}\n </div>\n )\n}\n\nexport function ChipAvatar({\n size = 'xs',\n avatarFallback = 'CN',\n avatarUrl,\n ...props\n}: ComponentProps<typeof AvatarRoot> & {\n avatarUrl?: string\n avatarFallback: string\n}) {\n return (\n <AvatarRoot size={size} style={{ marginLeft: '-4px' }} {...props}>\n {avatarUrl && <AvatarImage src={avatarUrl} />}\n <AvatarFallback>{avatarFallback}</AvatarFallback>\n </AvatarRoot>\n )\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"date-picker-caption.js"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import * as RadixPopover from '@radix-ui/react-popover';
|
|
4
|
+
|
|
5
|
+
declare function DatePickerContent({ className, sideOffset, side, align, ...props }: ComponentProps<typeof RadixPopover.Content>): react_jsx_runtime.JSX.Element;
|
|
6
|
+
|
|
7
|
+
export { DatePickerContent };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"date-picker-content.js"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { I as IconType } from '../../../icons-C-hGI45d.js';
|
|
4
|
+
|
|
5
|
+
declare function DatePickerIcon({ className, name, orientation, ...props }: ComponentProps<'div'> & {
|
|
6
|
+
name: IconType;
|
|
7
|
+
orientation?: 'left' | 'right';
|
|
8
|
+
}): react_jsx_runtime.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { DatePickerIcon };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"date-picker-icon.js"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { FloatingLabel } from '../floating-label.js';
|
|
4
|
+
|
|
5
|
+
declare function DatePickerLabel(props: ComponentProps<typeof FloatingLabel>): react_jsx_runtime.JSX.Element;
|
|
6
|
+
|
|
7
|
+
export { DatePickerLabel };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"date-picker-label.js"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import * as RadixPopover from '@radix-ui/react-popover';
|
|
4
|
+
import { FieldContextValue } from '../context/field.context.js';
|
|
5
|
+
import '@react-input/mask';
|
|
6
|
+
import '../../../input-mask-DhbtCxF7.js';
|
|
7
|
+
|
|
8
|
+
declare function DatePickerRoot({ className, state, defaultOpen, variant, modal, open, onOpenChange: handleOpenChange, ...props }: ComponentProps<'div'> & FieldContextValue & ComponentProps<typeof RadixPopover.Root>): react_jsx_runtime.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { DatePickerRoot };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"date-picker-root.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"date-picker-slot.js"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
2
|
+
|
|
3
|
+
declare const datePicker: tailwind_variants.TVReturnType<{
|
|
4
|
+
state: {
|
|
5
|
+
normal: {
|
|
6
|
+
trigger: string;
|
|
7
|
+
};
|
|
8
|
+
error: {
|
|
9
|
+
trigger: string;
|
|
10
|
+
caption: string;
|
|
11
|
+
};
|
|
12
|
+
disabled: {
|
|
13
|
+
trigger: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
}, {
|
|
17
|
+
wrapper: string;
|
|
18
|
+
trigger: string[];
|
|
19
|
+
content: string[];
|
|
20
|
+
icon: string;
|
|
21
|
+
slotText: string;
|
|
22
|
+
caption: string;
|
|
23
|
+
}, undefined, {
|
|
24
|
+
state: {
|
|
25
|
+
normal: {
|
|
26
|
+
trigger: string;
|
|
27
|
+
};
|
|
28
|
+
error: {
|
|
29
|
+
trigger: string;
|
|
30
|
+
caption: string;
|
|
31
|
+
};
|
|
32
|
+
disabled: {
|
|
33
|
+
trigger: string;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
}, {
|
|
37
|
+
wrapper: string;
|
|
38
|
+
trigger: string[];
|
|
39
|
+
content: string[];
|
|
40
|
+
icon: string;
|
|
41
|
+
slotText: string;
|
|
42
|
+
caption: string;
|
|
43
|
+
}, tailwind_variants.TVReturnType<{
|
|
44
|
+
state: {
|
|
45
|
+
normal: {
|
|
46
|
+
trigger: string;
|
|
47
|
+
};
|
|
48
|
+
error: {
|
|
49
|
+
trigger: string;
|
|
50
|
+
caption: string;
|
|
51
|
+
};
|
|
52
|
+
disabled: {
|
|
53
|
+
trigger: string;
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
}, {
|
|
57
|
+
wrapper: string;
|
|
58
|
+
trigger: string[];
|
|
59
|
+
content: string[];
|
|
60
|
+
icon: string;
|
|
61
|
+
slotText: string;
|
|
62
|
+
caption: string;
|
|
63
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
64
|
+
|
|
65
|
+
export { datePicker };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"date-picker-styles.js"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import * as RadixPopover from '@radix-ui/react-popover';
|
|
4
|
+
|
|
5
|
+
declare function DatePickerTrigger({ className, ...props }: ComponentProps<typeof RadixPopover.Trigger>): react_jsx_runtime.JSX.Element;
|
|
6
|
+
|
|
7
|
+
export { DatePickerTrigger };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"date-picker-trigger.js"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
|
|
4
|
+
declare function DatePickerValue({ className, displayValue, placeholder, value, ...props }: ComponentProps<'input'> & {
|
|
5
|
+
displayValue?: string;
|
|
6
|
+
}): react_jsx_runtime.JSX.Element;
|
|
7
|
+
|
|
8
|
+
export { DatePickerValue };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"date-picker-value.js"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export { DatePickerRoot } from './date-picker-root.js';
|
|
2
|
+
export { DatePickerTrigger } from './date-picker-trigger.js';
|
|
3
|
+
export { DatePickerLabel } from './date-picker-label.js';
|
|
4
|
+
export { DatePickerIcon } from './date-picker-icon.js';
|
|
5
|
+
export { DatePickerSlot } from './date-picker-slot.js';
|
|
6
|
+
export { DatePickerValue } from './date-picker-value.js';
|
|
7
|
+
export { DatePickerContent } from './date-picker-content.js';
|
|
8
|
+
export { DatePickerCaption } from './date-picker-caption.js';
|
|
9
|
+
import 'react/jsx-runtime';
|
|
10
|
+
import 'react';
|
|
11
|
+
import '@radix-ui/react-popover';
|
|
12
|
+
import '../context/field.context.js';
|
|
13
|
+
import '@react-input/mask';
|
|
14
|
+
import '../../../input-mask-DhbtCxF7.js';
|
|
15
|
+
import '../floating-label.js';
|
|
16
|
+
import '../../../icons-C-hGI45d.js';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export{a as DatePickerIcon}from'../../../chunk-OZ7TAILP.js';export{a as DatePickerLabel}from'../../../chunk-YHG3FCHM.js';export{a as DatePickerRoot}from'../../../chunk-RZQ2HH5A.js';export{a as DatePickerSlot}from'../../../chunk-IQKIIIQ3.js';export{a as DatePickerTrigger}from'../../../chunk-CTBO27FM.js';export{a as DatePickerValue}from'../../../chunk-RCP3J3FN.js';export{a as DatePickerCaption}from'../../../chunk-7EEEHHLL.js';export{a as DatePickerContent}from'../../../chunk-QBBE3G4O.js';import'../../../chunk-AIQVBX52.js';import'../../../chunk-5Z3AIBBS.js';import'../../../chunk-2JQVYVAT.js';import'../../../chunk-DVDHTP4C.js';import'../../../chunk-EIG6CBTQ.js';//# sourceMappingURL=index.js.map
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
|
|
@@ -72,8 +72,9 @@ declare const datePicker: tailwind_variants.TVReturnType<{
|
|
|
72
72
|
declare function DatePickerRoot({ className, state, defaultOpen, variant, modal, open, onOpenChange: handleOpenChange, ...props }: ComponentProps<'div'> & FieldContextValue & ComponentProps<typeof RadixPopover.Root>): react_jsx_runtime.JSX.Element;
|
|
73
73
|
declare function DatePickerTrigger({ className, ...props }: ComponentProps<typeof RadixPopover.Trigger>): react_jsx_runtime.JSX.Element;
|
|
74
74
|
declare function DatePickerLabel(props: ComponentProps<typeof FloatingLabel>): react_jsx_runtime.JSX.Element;
|
|
75
|
-
declare function DatePickerIcon({ className, name, ...props }: ComponentProps<'div'> & {
|
|
75
|
+
declare function DatePickerIcon({ className, name, orientation, ...props }: ComponentProps<'div'> & {
|
|
76
76
|
name: IconType;
|
|
77
|
+
orientation?: 'left' | 'right';
|
|
77
78
|
}): react_jsx_runtime.JSX.Element;
|
|
78
79
|
declare function DatePickerSlot({ className, ...props }: ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
|
|
79
80
|
declare function DatePickerValue({ className, displayValue, placeholder, value, ...props }: ComponentProps<'input'> & {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {a as a$1}from'../../chunk-
|
|
1
|
+
import {a as a$1}from'../../chunk-5Z3AIBBS.js';import {a,b}from'../../chunk-2JQVYVAT.js';import {b as b$1}from'../../chunk-DVDHTP4C.js';import {a as a$2}from'../../chunk-EIG6CBTQ.js';import {tv,twMerge,twJoin}from'@xjur-ui/util';import {useMemo}from'react';import*as l from'@radix-ui/react-popover';import {jsx,jsxs}from'react/jsx-runtime';var P=tv({slots:{wrapper:"group flex flex-col gap-small-2x",trigger:["h-large-4x cursor-pointer relative","inline-flex w-auto items-center gap-small rounded-small-1x","py-small_1x-alt px-small","bg-layer-2-hover border border-transparent","group-has-[div[data-slot=input-action-slot]]:rounded-r-none","transition-all duration-200"],content:["group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]"],icon:"size-large text-icon-neutral-3 flex items-center justify-center",slotText:"size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder",caption:"!text-size-body-sm font-normal"},variants:{state:{normal:{trigger:"hover:border-border-layer-1 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle"},error:{trigger:"border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle",caption:"text-danger-label-idle"},disabled:{trigger:"pointer-events-none border-transparent bg-layer-2-idle"}}}}),{wrapper:y,trigger:h,icon:C,caption:R,slotText:w,content:T}=P();function L({className:r,state:t="normal",defaultOpen:e,variant:n="normal",modal:i,open:a$1,onOpenChange:p,...u}){return jsx(l.Root,{defaultOpen:e,modal:i,open:a$1,onOpenChange:p,children:jsx(a.Provider,{value:{state:t,variant:n},children:jsx("div",{className:y({className:r,state:t}),...u})})})}function M({className:r,...t}){let{state:e,variant:n}=b(),i=tv({base:["group bg-layer-2-idle relative"],variants:{state:{normal:["border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle"],error:["border-danger-idle hover:border-danger-idle"],disabled:["border border-border-layer-2 opacity-60"]}}}),a=twMerge(h({state:e,className:r}),n==="filter"&&i({state:e,className:r}));return jsx(l.Trigger,{className:a,disabled:e==="disabled",...t})}function V(r){return jsx(a$1,{...r})}function j({className:r,name:t,orientation:e="left",...n}){let{state:i}=b();return jsx("div",{className:C({className:r,state:i}),"data-slot":`control-${e}-slot`,...n,children:jsx(b$1,{name:t})})}function J({className:r,...t}){let{state:e}=b();return jsx("span",{className:w({className:r,state:e}),...t})}function S({className:r,displayValue:t="",placeholder:e,value:n,...i}){let{variant:a}=b(),p=useMemo(()=>a==="filter"?t:t||e,[t,e,a]);return jsxs("div",{className:"grid w-full items-center",children:[e&&a==="filter"&&jsx(a$1,{children:e}),e&&a==="filter"&&jsx(a$2,{className:"invisible col-start-1 row-start-1 self-center",children:e}),jsx(a$2,{className:"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left",children:p}),jsx("input",{...i,"aria-readonly":true,className:twJoin("pointer-events-none",r),hidden:true,placeholder:" ",readOnly:true,value:n??""})]})}function _({className:r,sideOffset:t=5,side:e="bottom",align:n="start",...i}){let{state:a}=b();return jsx(l.Portal,{children:jsx(l.Content,{align:n,className:T({className:r,state:a}),side:e,sideOffset:t,...i})})}function $({className:r,...t}){let{state:e}=b();return jsx("p",{className:R({className:r,state:e}),...t})}export{$ as DatePickerCaption,_ as DatePickerContent,j as DatePickerIcon,V as DatePickerLabel,L as DatePickerRoot,J as DatePickerSlot,M as DatePickerTrigger,S as DatePickerValue,P as datePicker};//# sourceMappingURL=date-picker.js.map
|
|
2
2
|
//# sourceMappingURL=date-picker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/controls/date-picker.tsx"],"names":["datePicker","tv","wrapper","trigger","icon","caption","slotText","content","DatePickerRoot","className","state","defaultOpen","variant","modal","open","handleOpenChange","props","jsx","FieldContext","DatePickerTrigger","useFieldContext","filterTrigger","mergedClassName","twMerge","DatePickerLabel","FloatingLabel","DatePickerIcon","name","Icon","DatePickerSlot","DatePickerValue","displayValue","placeholder","value","valueOrPlaceholder","useMemo","jsxs","Typography","twJoin","DatePickerContent","sideOffset","side","align","DatePickerCaption"],"mappings":"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","file":"date-picker.js","sourcesContent":["import { tv, twJoin, twMerge } from '@xjur-ui/util'\nimport { useMemo, type ComponentProps } from 'react'\nimport * as RadixPopover from '@radix-ui/react-popover'\nimport { Icon, type IconType } from '../icon'\nimport { Typography } from '../typography'\nimport {\n FieldContext,\n useFieldContext,\n type FieldContextValue\n} from './context/field.context'\nimport { FloatingLabel } from './floating-label'\n\nexport const datePicker = tv({\n slots: {\n wrapper: 'group flex flex-col gap-small-2x',\n trigger: [\n 'h-large-4x cursor-pointer relative',\n 'inline-flex w-auto items-center gap-small rounded-small-1x',\n 'py-small_1x-alt px-small',\n 'bg-layer-2-hover border border-transparent',\n 'group-has-[div[data-slot=input-action-slot]]:rounded-r-none',\n 'transition-all duration-200'\n ],\n content: [\n 'group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]'\n ],\n icon: 'size-large text-icon-neutral-3 flex items-center justify-center',\n slotText:\n 'size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder',\n caption: '!text-size-body-sm font-normal'\n },\n variants: {\n state: {\n normal: {\n trigger:\n 'hover:border-border-layer-1 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle'\n },\n error: {\n trigger:\n 'border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle',\n caption: 'text-danger-label-idle'\n },\n disabled: {\n trigger: 'pointer-events-none border-transparent bg-layer-2-idle'\n }\n }\n }\n})\n\nconst { wrapper, trigger, icon, caption, slotText, content } = datePicker()\n\nexport function DatePickerRoot({\n className,\n state = 'normal',\n defaultOpen,\n variant = 'normal',\n modal,\n open,\n onOpenChange: handleOpenChange,\n ...props\n}: ComponentProps<'div'> &\n FieldContextValue &\n ComponentProps<typeof RadixPopover.Root>) {\n return (\n <RadixPopover.Root\n defaultOpen={defaultOpen}\n modal={modal}\n open={open}\n onOpenChange={handleOpenChange}\n >\n <FieldContext.Provider value={{ state, variant }}>\n <div className={wrapper({ className, state })} {...props} />\n </FieldContext.Provider>\n </RadixPopover.Root>\n )\n}\n\nexport function DatePickerTrigger({\n className,\n ...props\n}: ComponentProps<typeof RadixPopover.Trigger>) {\n const { state, variant } = useFieldContext()\n\n const filterTrigger = tv({\n base: ['group bg-layer-2-idle relative'],\n variants: {\n state: {\n normal: [\n 'border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle'\n ],\n error: ['border-danger-idle hover:border-danger-idle'],\n disabled: ['border border-border-layer-2 opacity-60']\n }\n }\n })\n\n const mergedClassName = twMerge(\n trigger({ state, className }),\n variant === 'filter' && filterTrigger({ state, className })\n )\n\n return (\n <RadixPopover.Trigger\n className={mergedClassName}\n disabled={state === 'disabled'}\n {...props}\n />\n )\n}\n\nexport function DatePickerLabel(props: ComponentProps<typeof FloatingLabel>) {\n return <FloatingLabel {...props} />\n}\n\nexport function DatePickerIcon({\n className,\n name,\n ...props\n}: ComponentProps<'div'> & {\n name: IconType\n}) {\n const { state } = useFieldContext()\n\n return (\n <div\n className={icon({ className, state })}\n data-slot=\"control-slot\"\n {...props}\n >\n <Icon name={name} />\n </div>\n )\n}\n\nexport function DatePickerSlot({\n className,\n ...props\n}: ComponentProps<'span'>) {\n const { state } = useFieldContext()\n return <span className={slotText({ className, state })} {...props} />\n}\n\nexport function DatePickerValue({\n className,\n displayValue = '',\n placeholder,\n value,\n ...props\n}: ComponentProps<'input'> & { displayValue?: string }) {\n const { variant } = useFieldContext()\n\n const valueOrPlaceholder = useMemo(() => {\n if (variant === 'filter') return displayValue\n return displayValue || placeholder\n }, [displayValue, placeholder, variant])\n\n return (\n <div className=\"grid w-full items-center\">\n {placeholder && variant === 'filter' && (\n <FloatingLabel>{placeholder}</FloatingLabel>\n )}\n\n {placeholder && variant === 'filter' && (\n <Typography className=\"invisible col-start-1 row-start-1 self-center\">\n {placeholder}\n </Typography>\n )}\n\n <Typography className=\"text-neutral-dark group-has-[div[data-slot=date-picker-left-slot]]:pl-large-1x z-10 col-start-1 row-start-1 self-center text-left\">\n {valueOrPlaceholder}\n </Typography>\n\n <input\n {...props}\n aria-readonly={true}\n className={twJoin('pointer-events-none', className)}\n hidden={true}\n placeholder={' '}\n readOnly={true}\n value={value ?? ''}\n />\n </div>\n )\n}\n\nexport function DatePickerContent({\n className,\n sideOffset = 5,\n side = 'bottom',\n align = 'start',\n ...props\n}: ComponentProps<typeof RadixPopover.Content>) {\n const { state } = useFieldContext()\n\n return (\n <RadixPopover.Portal>\n <RadixPopover.Content\n align={align}\n className={content({ className, state })}\n side={side}\n sideOffset={sideOffset}\n {...props}\n />\n </RadixPopover.Portal>\n )\n}\n\nexport function DatePickerCaption({\n className,\n ...props\n}: ComponentProps<'p'>) {\n const { state } = useFieldContext()\n return <p className={caption({ className, state })} {...props} />\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/controls/date-picker.tsx"],"names":["datePicker","tv","wrapper","trigger","icon","caption","slotText","content","DatePickerRoot","className","state","defaultOpen","variant","modal","open","handleOpenChange","props","jsx","FieldContext","DatePickerTrigger","useFieldContext","filterTrigger","mergedClassName","twMerge","DatePickerLabel","FloatingLabel","DatePickerIcon","name","orientation","Icon","DatePickerSlot","DatePickerValue","displayValue","placeholder","value","valueOrPlaceholder","useMemo","jsxs","Typography","twJoin","DatePickerContent","sideOffset","side","align","DatePickerCaption"],"mappings":"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","file":"date-picker.js","sourcesContent":["import { tv, twJoin, twMerge } from '@xjur-ui/util'\nimport { useMemo, type ComponentProps } from 'react'\nimport * as RadixPopover from '@radix-ui/react-popover'\nimport { Icon, type IconType } from '../icon'\nimport { Typography } from '../typography'\nimport {\n FieldContext,\n useFieldContext,\n type FieldContextValue\n} from './context/field.context'\nimport { FloatingLabel } from './floating-label'\n\nexport const datePicker = tv({\n slots: {\n wrapper: 'group flex flex-col gap-small-2x',\n trigger: [\n 'h-large-4x cursor-pointer relative',\n 'inline-flex w-auto items-center gap-small rounded-small-1x',\n 'py-small_1x-alt px-small',\n 'bg-layer-2-hover border border-transparent',\n 'group-has-[div[data-slot=input-action-slot]]:rounded-r-none',\n 'transition-all duration-200'\n ],\n content: [\n 'group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-content-available-width)] min-w-[var(--radix-popover-trigger-width)]'\n ],\n icon: 'size-large text-icon-neutral-3 flex items-center justify-center',\n slotText:\n 'size-large flex items-center justify-center !text-size-label-md text-neutral-placeholder',\n caption: '!text-size-body-sm font-normal'\n },\n variants: {\n state: {\n normal: {\n trigger:\n 'hover:border-border-layer-1 data-[state=open]:border-primary-idle data-[state=open]:hover:border-primary-idle'\n },\n error: {\n trigger:\n 'border-danger-idle hover:border-danger-idle data-[state=open]:border-danger-idle data-[state=open]:hover:border-danger-idle',\n caption: 'text-danger-label-idle'\n },\n disabled: {\n trigger: 'pointer-events-none border-transparent bg-layer-2-idle'\n }\n }\n }\n})\n\nconst { wrapper, trigger, icon, caption, slotText, content } = datePicker()\n\nexport function DatePickerRoot({\n className,\n state = 'normal',\n defaultOpen,\n variant = 'normal',\n modal,\n open,\n onOpenChange: handleOpenChange,\n ...props\n}: ComponentProps<'div'> &\n FieldContextValue &\n ComponentProps<typeof RadixPopover.Root>) {\n return (\n <RadixPopover.Root\n defaultOpen={defaultOpen}\n modal={modal}\n open={open}\n onOpenChange={handleOpenChange}\n >\n <FieldContext.Provider value={{ state, variant }}>\n <div className={wrapper({ className, state })} {...props} />\n </FieldContext.Provider>\n </RadixPopover.Root>\n )\n}\n\nexport function DatePickerTrigger({\n className,\n ...props\n}: ComponentProps<typeof RadixPopover.Trigger>) {\n const { state, variant } = useFieldContext()\n\n const filterTrigger = tv({\n base: ['group bg-layer-2-idle relative'],\n variants: {\n state: {\n normal: [\n 'border-border-layer-2 hover:border-border-layer-3 has-[input:not(:placeholder-shown)]:border-primary-idle'\n ],\n error: ['border-danger-idle hover:border-danger-idle'],\n disabled: ['border border-border-layer-2 opacity-60']\n }\n }\n })\n\n const mergedClassName = twMerge(\n trigger({ state, className }),\n variant === 'filter' && filterTrigger({ state, className })\n )\n\n return (\n <RadixPopover.Trigger\n className={mergedClassName}\n disabled={state === 'disabled'}\n {...props}\n />\n )\n}\n\nexport function DatePickerLabel(props: ComponentProps<typeof FloatingLabel>) {\n return <FloatingLabel {...props} />\n}\n\nexport function DatePickerIcon({\n className,\n name,\n orientation = 'left',\n ...props\n}: ComponentProps<'div'> & {\n name: IconType\n orientation?: 'left' | 'right'\n}) {\n const { state } = useFieldContext()\n\n return (\n <div\n className={icon({ className, state })}\n data-slot={`control-${orientation}-slot`}\n {...props}\n >\n <Icon name={name} />\n </div>\n )\n}\n\nexport function DatePickerSlot({\n className,\n ...props\n}: ComponentProps<'span'>) {\n const { state } = useFieldContext()\n return <span className={slotText({ className, state })} {...props} />\n}\n\nexport function DatePickerValue({\n className,\n displayValue = '',\n placeholder,\n value,\n ...props\n}: ComponentProps<'input'> & { displayValue?: string }) {\n const { variant } = useFieldContext()\n\n const valueOrPlaceholder = useMemo(() => {\n if (variant === 'filter') return displayValue\n return displayValue || placeholder\n }, [displayValue, placeholder, variant])\n\n return (\n <div className=\"grid w-full items-center\">\n {placeholder && variant === 'filter' && (\n <FloatingLabel>{placeholder}</FloatingLabel>\n )}\n\n {placeholder && variant === 'filter' && (\n <Typography className=\"invisible col-start-1 row-start-1 self-center\">\n {placeholder}\n </Typography>\n )}\n\n <Typography className=\"text-neutral-dark z-10 col-start-1 row-start-1 self-center text-left\">\n {valueOrPlaceholder}\n </Typography>\n\n <input\n {...props}\n aria-readonly={true}\n className={twJoin('pointer-events-none', className)}\n hidden={true}\n placeholder={' '}\n readOnly={true}\n value={value ?? ''}\n />\n </div>\n )\n}\n\nexport function DatePickerContent({\n className,\n sideOffset = 5,\n side = 'bottom',\n align = 'start',\n ...props\n}: ComponentProps<typeof RadixPopover.Content>) {\n const { state } = useFieldContext()\n\n return (\n <RadixPopover.Portal>\n <RadixPopover.Content\n align={align}\n className={content({ className, state })}\n side={side}\n sideOffset={sideOffset}\n {...props}\n />\n </RadixPopover.Portal>\n )\n}\n\nexport function DatePickerCaption({\n className,\n ...props\n}: ComponentProps<'p'>) {\n const { state } = useFieldContext()\n return <p className={caption({ className, state })} {...props} />\n}\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{a as FloatingLabel}from'../../chunk-
|
|
1
|
+
export{a as FloatingLabel}from'../../chunk-5Z3AIBBS.js';import'../../chunk-2JQVYVAT.js';//# sourceMappingURL=floating-label.js.map
|
|
2
2
|
//# sourceMappingURL=floating-label.js.map
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export { InputRoot } from './input-root.js';
|
|
2
|
+
export { InputContent } from './input-content.js';
|
|
3
|
+
export { InputLabel } from './input-label.js';
|
|
4
|
+
export { InputTrigger } from './input-trigger.js';
|
|
5
|
+
export { InputMask } from './input-mask.js';
|
|
6
|
+
export { InputText } from './input-text.js';
|
|
7
|
+
export { InputCurrency, InputNumber } from './input-number.js';
|
|
8
|
+
export { InputIcon } from './input-icon.js';
|
|
9
|
+
export { InputSlot } from './input-slot.js';
|
|
10
|
+
export { InputCaption } from './input-caption.js';
|
|
11
|
+
export { InputAction } from './input-action.js';
|
|
12
|
+
export { InputNumericStepper } from './input-numeric-stepper.js';
|
|
13
|
+
export { CurrencyRange, InputCurrencyRange } from './input-currency.js';
|
|
14
|
+
import 'react/jsx-runtime';
|
|
15
|
+
import 'react';
|
|
16
|
+
import '../context/field.context.js';
|
|
17
|
+
import '@react-input/mask';
|
|
18
|
+
import '../../../input-mask-DhbtCxF7.js';
|
|
19
|
+
import '../floating-label.js';
|
|
20
|
+
import 'react-number-format';
|
|
21
|
+
import '../../../icons-C-hGI45d.js';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import'../../../chunk-WFZACDDH.js';export{a as InputNumericStepper}from'../../../chunk-2TVBY4IY.js';export{a as InputRoot}from'../../../chunk-6KKZP5G3.js';export{a as InputText}from'../../../chunk-EOKFSNH5.js';export{a as InputTrigger}from'../../../chunk-YDRZPQ3J.js';export{a as InputAction}from'../../../chunk-HIT33DXM.js';export{a as InputCaption}from'../../../chunk-WUHYNXHE.js';export{a as InputContent}from'../../../chunk-DZSAQN5T.js';export{a as InputCurrencyRange}from'../../../chunk-NDXYABGR.js';export{b as InputCurrency,a as InputNumber}from'../../../chunk-3DZWZLV3.js';export{a as InputSlot}from'../../../chunk-UDJUMHNY.js';export{a as InputIcon}from'../../../chunk-7DGDSULM.js';export{a as InputLabel}from'../../../chunk-XU7DDF5D.js';export{a as InputMask}from'../../../chunk-FU4H45BR.js';import'../../../chunk-4GDW5WIQ.js';import'../../../chunk-5Z3AIBBS.js';import'../../../chunk-2JQVYVAT.js';import'../../../chunk-PBR7SFWY.js';import'../../../chunk-CBFC4QME.js';import'../../../chunk-DVDHTP4C.js';//# sourceMappingURL=index.js.map
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"input-action.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"input-caption.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"input-content.js"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
interface CurrencyRange {
|
|
4
|
+
from?: number;
|
|
5
|
+
to?: number;
|
|
6
|
+
}
|
|
7
|
+
interface InputCurrencyRangeProps {
|
|
8
|
+
range?: CurrencyRange;
|
|
9
|
+
onRangeChange?: (range: CurrencyRange) => void;
|
|
10
|
+
}
|
|
11
|
+
declare function InputCurrencyRange({ range, onRangeChange }: InputCurrencyRangeProps): react_jsx_runtime.JSX.Element;
|
|
12
|
+
|
|
13
|
+
export { type CurrencyRange, InputCurrencyRange };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export{a as InputCurrencyRange}from'../../../chunk-NDXYABGR.js';import'../../../chunk-3DZWZLV3.js';import'../../../chunk-UDJUMHNY.js';import'../../../chunk-4GDW5WIQ.js';import'../../../chunk-2JQVYVAT.js';//# sourceMappingURL=input-currency.js.map
|
|
2
|
+
//# sourceMappingURL=input-currency.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"input-currency.js"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { I as IconType } from '../../../icons-C-hGI45d.js';
|
|
4
|
+
|
|
5
|
+
declare function InputIcon({ className, name, orientation, ...props }: ComponentProps<'div'> & {
|
|
6
|
+
name: IconType;
|
|
7
|
+
orientation?: 'left' | 'right';
|
|
8
|
+
}): react_jsx_runtime.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { InputIcon };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":"","file":"input.js"}
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"input-icon.js"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { FloatingLabel } from '../floating-label.js';
|
|
4
|
+
|
|
5
|
+
declare function InputLabel(props: ComponentProps<typeof FloatingLabel>): react_jsx_runtime.JSX.Element;
|
|
6
|
+
|
|
7
|
+
export { InputLabel };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"input-label.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"input-mask.js"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { NumericFormatProps } from 'react-number-format';
|
|
3
|
+
import { ComponentProps } from 'react';
|
|
4
|
+
|
|
5
|
+
declare function InputNumber({ className, placeholder, ...props }: NumericFormatProps): react_jsx_runtime.JSX.Element;
|
|
6
|
+
declare function InputCurrency(props: ComponentProps<typeof InputNumber>): react_jsx_runtime.JSX.Element;
|
|
7
|
+
|
|
8
|
+
export { InputCurrency, InputNumber };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"input-number.js"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
declare function InputNumericStepper({ handleIncrement, handleDecrement }: {
|
|
4
|
+
handleIncrement: () => void;
|
|
5
|
+
handleDecrement: () => void;
|
|
6
|
+
}): react_jsx_runtime.JSX.Element;
|
|
7
|
+
|
|
8
|
+
export { InputNumericStepper };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export{a as InputNumericStepper}from'../../../chunk-2TVBY4IY.js';import'../../../chunk-HIT33DXM.js';import'../../../chunk-4GDW5WIQ.js';import'../../../chunk-2JQVYVAT.js';import'../../../chunk-CBFC4QME.js';import'../../../chunk-DVDHTP4C.js';//# sourceMappingURL=input-numeric-stepper.js.map
|
|
2
|
+
//# sourceMappingURL=input-numeric-stepper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"input-numeric-stepper.js"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { FieldContextValue } from '../context/field.context.js';
|
|
4
|
+
import '@react-input/mask';
|
|
5
|
+
import '../../../input-mask-DhbtCxF7.js';
|
|
6
|
+
|
|
7
|
+
declare function InputRoot({ className, state, customMask, variant, mask, ...props }: ComponentProps<'div'> & FieldContextValue): react_jsx_runtime.JSX.Element;
|
|
8
|
+
|
|
9
|
+
export { InputRoot };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"input-root.js"}
|