lizaui 3.0.11
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/README.md +54 -0
- package/dist/button/index.cjs.js +2 -0
- package/dist/button/index.cjs.js.map +1 -0
- package/dist/button/index.es.js +5 -0
- package/dist/button/index.es.js.map +1 -0
- package/dist/button.d.ts +2 -0
- package/dist/calendar/index.cjs.js +425 -0
- package/dist/calendar/index.cjs.js.map +1 -0
- package/dist/calendar/index.es.js +6105 -0
- package/dist/calendar/index.es.js.map +1 -0
- package/dist/calendar.d.ts +2 -0
- package/dist/checkbox/index.cjs.js +2 -0
- package/dist/checkbox/index.cjs.js.map +1 -0
- package/dist/checkbox/index.es.js +6 -0
- package/dist/checkbox/index.es.js.map +1 -0
- package/dist/checkbox.d.ts +2 -0
- package/dist/chip/index.cjs.js +2 -0
- package/dist/chip/index.cjs.js.map +1 -0
- package/dist/chip/index.es.js +533 -0
- package/dist/chip/index.es.js.map +1 -0
- package/dist/chip.d.ts +2 -0
- package/dist/chunks/bundle-mjs-JiDEie86.js +2728 -0
- package/dist/chunks/bundle-mjs-JiDEie86.js.map +1 -0
- package/dist/chunks/bundle-mjs-W341Qwux.js +2 -0
- package/dist/chunks/bundle-mjs-W341Qwux.js.map +1 -0
- package/dist/chunks/button-CPpIQ7Z7.js +3971 -0
- package/dist/chunks/button-CPpIQ7Z7.js.map +1 -0
- package/dist/chunks/button-Dr5w6yIW.js +10 -0
- package/dist/chunks/button-Dr5w6yIW.js.map +1 -0
- package/dist/chunks/checkbox-C71XoTt2.js +2 -0
- package/dist/chunks/checkbox-C71XoTt2.js.map +1 -0
- package/dist/chunks/checkbox-DN309yjg.js +312 -0
- package/dist/chunks/checkbox-DN309yjg.js.map +1 -0
- package/dist/chunks/classes-7MXTIFwM.js +52 -0
- package/dist/chunks/classes-7MXTIFwM.js.map +1 -0
- package/dist/chunks/classes-P14wj2Ze.js +2 -0
- package/dist/chunks/classes-P14wj2Ze.js.map +1 -0
- package/dist/chunks/clsx-C11secjj.js +2 -0
- package/dist/chunks/clsx-C11secjj.js.map +1 -0
- package/dist/chunks/clsx-OuTLNxxd.js +17 -0
- package/dist/chunks/clsx-OuTLNxxd.js.map +1 -0
- package/dist/chunks/floating-ui.dom-9ZI0iiqa.js +2 -0
- package/dist/chunks/floating-ui.dom-9ZI0iiqa.js.map +1 -0
- package/dist/chunks/floating-ui.dom-PqoU7a4n.js +1134 -0
- package/dist/chunks/floating-ui.dom-PqoU7a4n.js.map +1 -0
- package/dist/chunks/floating-ui.react-dom-BQpCDpNU.js +2 -0
- package/dist/chunks/floating-ui.react-dom-BQpCDpNU.js.map +1 -0
- package/dist/chunks/floating-ui.react-dom-CihJ_dlB.js +204 -0
- package/dist/chunks/floating-ui.react-dom-CihJ_dlB.js.map +1 -0
- package/dist/chunks/iconBase-C4boY5mo.js +2 -0
- package/dist/chunks/iconBase-C4boY5mo.js.map +1 -0
- package/dist/chunks/iconBase-DSKTHwal.js +113 -0
- package/dist/chunks/iconBase-DSKTHwal.js.map +1 -0
- package/dist/chunks/index-CBDkd84T.js +2 -0
- package/dist/chunks/index-CBDkd84T.js.map +1 -0
- package/dist/chunks/index-C_b6-TON.js +78 -0
- package/dist/chunks/index-C_b6-TON.js.map +1 -0
- package/dist/chunks/jsx-runtime-BYq8_R6m.js +247 -0
- package/dist/chunks/jsx-runtime-BYq8_R6m.js.map +1 -0
- package/dist/chunks/jsx-runtime-DFswc9zO.js +2 -0
- package/dist/chunks/jsx-runtime-DFswc9zO.js.map +1 -0
- package/dist/chunks/pattern-CdQavADx.js +5 -0
- package/dist/chunks/pattern-CdQavADx.js.map +1 -0
- package/dist/chunks/pattern-F8jUniwt.js +2 -0
- package/dist/chunks/pattern-F8jUniwt.js.map +1 -0
- package/dist/chunks/refs-DLih6QCP.js +2 -0
- package/dist/chunks/refs-DLih6QCP.js.map +1 -0
- package/dist/chunks/refs-DcCOPvdv.js +35 -0
- package/dist/chunks/refs-DcCOPvdv.js.map +1 -0
- package/dist/chunks/select-BoiIj-gw.js +7 -0
- package/dist/chunks/select-BoiIj-gw.js.map +1 -0
- package/dist/chunks/select-Cy78fn6H.js +4267 -0
- package/dist/chunks/select-Cy78fn6H.js.map +1 -0
- package/dist/chunks/tooltip-BQVohLC7.js +2 -0
- package/dist/chunks/tooltip-BQVohLC7.js.map +1 -0
- package/dist/chunks/tooltip-CIcTjpF8.js +959 -0
- package/dist/chunks/tooltip-CIcTjpF8.js.map +1 -0
- package/dist/chunks/tv-ButAo3dF.js +2669 -0
- package/dist/chunks/tv-ButAo3dF.js.map +1 -0
- package/dist/chunks/tv-C5lw0tnu.js +2 -0
- package/dist/chunks/tv-C5lw0tnu.js.map +1 -0
- package/dist/chunks/utils-Blo0iNdk.js +15 -0
- package/dist/chunks/utils-Blo0iNdk.js.map +1 -0
- package/dist/chunks/utils-DuSyQWep.js +2 -0
- package/dist/chunks/utils-DuSyQWep.js.map +1 -0
- package/dist/chunks/v4-CRLUkzQ6.js +31 -0
- package/dist/chunks/v4-CRLUkzQ6.js.map +1 -0
- package/dist/chunks/v4-CqU37_Sa.js +2 -0
- package/dist/chunks/v4-CqU37_Sa.js.map +1 -0
- package/dist/chunks/variants-BUTPDD09.js +2 -0
- package/dist/chunks/variants-BUTPDD09.js.map +1 -0
- package/dist/chunks/variants-DhZQjbsQ.js +62 -0
- package/dist/chunks/variants-DhZQjbsQ.js.map +1 -0
- package/dist/components/button/button.d.ts +6 -0
- package/dist/components/button/button.d.ts.map +1 -0
- package/dist/components/button/index.d.ts +4 -0
- package/dist/components/button/index.d.ts.map +1 -0
- package/dist/components/button/spinner.d.ts +3 -0
- package/dist/components/button/spinner.d.ts.map +1 -0
- package/dist/components/button/use-button.d.ts +328 -0
- package/dist/components/button/use-button.d.ts.map +1 -0
- package/dist/components/calendar/date-picker/date-picker.d.ts +3 -0
- package/dist/components/calendar/date-picker/date-picker.d.ts.map +1 -0
- package/dist/components/calendar/date-picker/date-picker.style.d.ts +9 -0
- package/dist/components/calendar/date-picker/date-picker.style.d.ts.map +1 -0
- package/dist/components/calendar/date-picker/interface/date-picker.interface.d.ts +38 -0
- package/dist/components/calendar/date-picker/interface/date-picker.interface.d.ts.map +1 -0
- package/dist/components/calendar/icon/icon-calendar.d.ts +11 -0
- package/dist/components/calendar/icon/icon-calendar.d.ts.map +1 -0
- package/dist/components/calendar/index.d.ts +2 -0
- package/dist/components/calendar/index.d.ts.map +1 -0
- package/dist/components/calendar/interface/calendar-shared.interface.d.ts +4 -0
- package/dist/components/calendar/interface/calendar-shared.interface.d.ts.map +1 -0
- package/dist/components/checkbox/checkbox-icon.d.ts +9 -0
- package/dist/components/checkbox/checkbox-icon.d.ts.map +1 -0
- package/dist/components/checkbox/checkbox.d.ts +7 -0
- package/dist/components/checkbox/checkbox.d.ts.map +1 -0
- package/dist/components/checkbox/index.d.ts +5 -0
- package/dist/components/checkbox/index.d.ts.map +1 -0
- package/dist/components/checkbox/use-checkbox.d.ts +57 -0
- package/dist/components/checkbox/use-checkbox.d.ts.map +1 -0
- package/dist/components/chip/chip.d.ts +6 -0
- package/dist/components/chip/chip.d.ts.map +1 -0
- package/dist/components/chip/index.d.ts +4 -0
- package/dist/components/chip/index.d.ts.map +1 -0
- package/dist/components/chip/use-chip.d.ts +441 -0
- package/dist/components/chip/use-chip.d.ts.map +1 -0
- package/dist/components/divider/divider.d.ts +6 -0
- package/dist/components/divider/divider.d.ts.map +1 -0
- package/dist/components/divider/index.d.ts +4 -0
- package/dist/components/divider/index.d.ts.map +1 -0
- package/dist/components/divider/use-divider.d.ts +19 -0
- package/dist/components/divider/use-divider.d.ts.map +1 -0
- package/dist/components/divider/use-separator.d.ts +22 -0
- package/dist/components/divider/use-separator.d.ts.map +1 -0
- package/dist/components/icons/close-filled.d.ts +3 -0
- package/dist/components/icons/close-filled.d.ts.map +1 -0
- package/dist/components/index.d.ts +5 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/pagination/function/index.d.ts +7 -0
- package/dist/components/pagination/function/index.d.ts.map +1 -0
- package/dist/components/pagination/hook/use-pagination.d.ts +3 -0
- package/dist/components/pagination/hook/use-pagination.d.ts.map +1 -0
- package/dist/components/pagination/index.d.ts +4 -0
- package/dist/components/pagination/index.d.ts.map +1 -0
- package/dist/components/pagination/interface/pagination-share.interface.d.ts +10 -0
- package/dist/components/pagination/interface/pagination-share.interface.d.ts.map +1 -0
- package/dist/components/pagination/interface/pagination.interface.d.ts +26 -0
- package/dist/components/pagination/interface/pagination.interface.d.ts.map +1 -0
- package/dist/components/pagination/pagination-item.d.ts +3 -0
- package/dist/components/pagination/pagination-item.d.ts.map +1 -0
- package/dist/components/pagination/pagination.d.ts +3 -0
- package/dist/components/pagination/pagination.d.ts.map +1 -0
- package/dist/components/ripple/ripple.d.ts +20 -0
- package/dist/components/ripple/ripple.d.ts.map +1 -0
- package/dist/components/ripple/use-ripple.d.ts +10 -0
- package/dist/components/ripple/use-ripple.d.ts.map +1 -0
- package/dist/components/select/autocomplete/autocomplete.d.ts +3 -0
- package/dist/components/select/autocomplete/autocomplete.d.ts.map +1 -0
- package/dist/components/select/index.d.ts +3 -0
- package/dist/components/select/index.d.ts.map +1 -0
- package/dist/components/select/select.d.ts +3 -0
- package/dist/components/select/select.d.ts.map +1 -0
- package/dist/components/select/style/select-theme.style.d.ts +4 -0
- package/dist/components/select/style/select-theme.style.d.ts.map +1 -0
- package/dist/components/select/sub-component/clear-indicator.d.ts +3 -0
- package/dist/components/select/sub-component/clear-indicator.d.ts.map +1 -0
- package/dist/components/select/sub-component/control-start.d.ts +3 -0
- package/dist/components/select/sub-component/control-start.d.ts.map +1 -0
- package/dist/components/select/sub-component/dropdown-indicator.d.ts +3 -0
- package/dist/components/select/sub-component/dropdown-indicator.d.ts.map +1 -0
- package/dist/components/select/sub-component/index.d.ts +9 -0
- package/dist/components/select/sub-component/index.d.ts.map +1 -0
- package/dist/components/select/sub-component/input-select.d.ts +3 -0
- package/dist/components/select/sub-component/input-select.d.ts.map +1 -0
- package/dist/components/select/sub-component/loading-indicator.d.ts +3 -0
- package/dist/components/select/sub-component/loading-indicator.d.ts.map +1 -0
- package/dist/components/select/sub-component/loading-message.d.ts +3 -0
- package/dist/components/select/sub-component/loading-message.d.ts.map +1 -0
- package/dist/components/select/sub-component/no-option-message.d.ts +3 -0
- package/dist/components/select/sub-component/no-option-message.d.ts.map +1 -0
- package/dist/components/select/sub-component/option-item.d.ts +3 -0
- package/dist/components/select/sub-component/option-item.d.ts.map +1 -0
- package/dist/components/select/sub-component/single-value.d.ts +3 -0
- package/dist/components/select/sub-component/single-value.d.ts.map +1 -0
- package/dist/components/table/body/table-body-column.d.ts +4 -0
- package/dist/components/table/body/table-body-column.d.ts.map +1 -0
- package/dist/components/table/body/table-body-row.d.ts +3 -0
- package/dist/components/table/body/table-body-row.d.ts.map +1 -0
- package/dist/components/table/body/table-body.d.ts +4 -0
- package/dist/components/table/body/table-body.d.ts.map +1 -0
- package/dist/components/table/context/table.context.d.ts +3 -0
- package/dist/components/table/context/table.context.d.ts.map +1 -0
- package/dist/components/table/header/table-header-column.d.ts +4 -0
- package/dist/components/table/header/table-header-column.d.ts.map +1 -0
- package/dist/components/table/header/table-header-row.d.ts +4 -0
- package/dist/components/table/header/table-header-row.d.ts.map +1 -0
- package/dist/components/table/header/table-header.d.ts +4 -0
- package/dist/components/table/header/table-header.d.ts.map +1 -0
- package/dist/components/table/hook/use-table-context.d.ts +2 -0
- package/dist/components/table/hook/use-table-context.d.ts.map +1 -0
- package/dist/components/table/hook/use-table.d.ts +10 -0
- package/dist/components/table/hook/use-table.d.ts.map +1 -0
- package/dist/components/table/index.d.ts +4 -0
- package/dist/components/table/index.d.ts.map +1 -0
- package/dist/components/table/interface/table-share.interface.d.ts +9 -0
- package/dist/components/table/interface/table-share.interface.d.ts.map +1 -0
- package/dist/components/table/interface/table.interface.d.ts +115 -0
- package/dist/components/table/interface/table.interface.d.ts.map +1 -0
- package/dist/components/table/search/table-search-column.d.ts +4 -0
- package/dist/components/table/search/table-search-column.d.ts.map +1 -0
- package/dist/components/table/search/table-search-row.d.ts +4 -0
- package/dist/components/table/search/table-search-row.d.ts.map +1 -0
- package/dist/components/table/table.d.ts +4 -0
- package/dist/components/table/table.d.ts.map +1 -0
- package/dist/components/tooltip/index.d.ts +2 -0
- package/dist/components/tooltip/index.d.ts.map +1 -0
- package/dist/components/tooltip/tooltip.d.ts +11 -0
- package/dist/components/tooltip/tooltip.d.ts.map +1 -0
- package/dist/components/ui/accordion.d.ts +8 -0
- package/dist/components/ui/accordion.d.ts.map +1 -0
- package/dist/components/ui/alert-dialog.d.ts +15 -0
- package/dist/components/ui/alert-dialog.d.ts.map +1 -0
- package/dist/components/ui/avatar.d.ts +13 -0
- package/dist/components/ui/avatar.d.ts.map +1 -0
- package/dist/components/ui/badge.d.ts +218 -0
- package/dist/components/ui/badge.d.ts.map +1 -0
- package/dist/components/ui/card.d.ts +10 -0
- package/dist/components/ui/card.d.ts.map +1 -0
- package/dist/components/ui/command.d.ts +19 -0
- package/dist/components/ui/command.d.ts.map +1 -0
- package/dist/components/ui/confirmation.d.ts +17 -0
- package/dist/components/ui/confirmation.d.ts.map +1 -0
- package/dist/components/ui/dialog.d.ts +16 -0
- package/dist/components/ui/dialog.d.ts.map +1 -0
- package/dist/components/ui/dropdown-menu.d.ts +26 -0
- package/dist/components/ui/dropdown-menu.d.ts.map +1 -0
- package/dist/components/ui/index.d.ts +21 -0
- package/dist/components/ui/index.d.ts.map +1 -0
- package/dist/components/ui/input-otp.d.ts +12 -0
- package/dist/components/ui/input-otp.d.ts.map +1 -0
- package/dist/components/ui/input.d.ts +42 -0
- package/dist/components/ui/input.d.ts.map +1 -0
- package/dist/components/ui/label-error.d.ts +16 -0
- package/dist/components/ui/label-error.d.ts.map +1 -0
- package/dist/components/ui/label.d.ts +5 -0
- package/dist/components/ui/label.d.ts.map +1 -0
- package/dist/components/ui/menubar.d.ts +27 -0
- package/dist/components/ui/menubar.d.ts.map +1 -0
- package/dist/components/ui/modal.d.ts +16 -0
- package/dist/components/ui/modal.d.ts.map +1 -0
- package/dist/components/ui/navigation-menu.d.ts +15 -0
- package/dist/components/ui/navigation-menu.d.ts.map +1 -0
- package/dist/components/ui/popover.d.ts +8 -0
- package/dist/components/ui/popover.d.ts.map +1 -0
- package/dist/components/ui/resizable.d.ts +9 -0
- package/dist/components/ui/resizable.d.ts.map +1 -0
- package/dist/components/ui/skeleton.d.ts +3 -0
- package/dist/components/ui/skeleton.d.ts.map +1 -0
- package/dist/components/ui/switch.d.ts +13 -0
- package/dist/components/ui/switch.d.ts.map +1 -0
- package/dist/components/ui/tabs.d.ts +8 -0
- package/dist/components/ui/tabs.d.ts.map +1 -0
- package/dist/divider/index.cjs.js +2 -0
- package/dist/divider/index.cjs.js.map +1 -0
- package/dist/divider/index.es.js +67 -0
- package/dist/divider/index.es.js.map +1 -0
- package/dist/divider.d.ts +2 -0
- package/dist/functions/assertion.d.ts +14 -0
- package/dist/functions/assertion.d.ts.map +1 -0
- package/dist/functions/index.d.ts +5 -0
- package/dist/functions/index.d.ts.map +1 -0
- package/dist/functions/numbers.d.ts +20 -0
- package/dist/functions/numbers.d.ts.map +1 -0
- package/dist/functions/pattern.d.ts +3 -0
- package/dist/functions/pattern.d.ts.map +1 -0
- package/dist/functions/refs.d.ts +20 -0
- package/dist/functions/refs.d.ts.map +1 -0
- package/dist/hooks/use-confirmation.d.ts +21 -0
- package/dist/hooks/use-confirmation.d.ts.map +1 -0
- package/dist/hooks/use-modal.d.ts +15 -0
- package/dist/hooks/use-modal.d.ts.map +1 -0
- package/dist/index.cjs.js +2 -0
- package/dist/index.cjs.js.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.es.js +386 -0
- package/dist/index.es.js.map +1 -0
- package/dist/lib/tv.d.ts +21 -0
- package/dist/lib/tv.d.ts.map +1 -0
- package/dist/lib/utils.d.ts +3 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lizaui.css +1 -0
- package/dist/pagination/index.cjs.js +2 -0
- package/dist/pagination/index.cjs.js.map +1 -0
- package/dist/pagination/index.es.js +170 -0
- package/dist/pagination/index.es.js.map +1 -0
- package/dist/pagination.d.ts +2 -0
- package/dist/select/index.cjs.js +2 -0
- package/dist/select/index.cjs.js.map +1 -0
- package/dist/select/index.es.js +226 -0
- package/dist/select/index.es.js.map +1 -0
- package/dist/select.d.ts +2 -0
- package/dist/table/index.cjs.js +2 -0
- package/dist/table/index.cjs.js.map +1 -0
- package/dist/table/index.es.js +233 -0
- package/dist/table/index.es.js.map +1 -0
- package/dist/table.d.ts +2 -0
- package/dist/theme/classes.d.ts +34 -0
- package/dist/theme/classes.d.ts.map +1 -0
- package/dist/theme/color/button.d.ts +162 -0
- package/dist/theme/color/button.d.ts.map +1 -0
- package/dist/theme/color/checkbox.d.ts +289 -0
- package/dist/theme/color/checkbox.d.ts.map +1 -0
- package/dist/theme/color/chip.d.ts +321 -0
- package/dist/theme/color/chip.d.ts.map +1 -0
- package/dist/theme/color/divider.d.ts +29 -0
- package/dist/theme/color/divider.d.ts.map +1 -0
- package/dist/theme/index.d.ts +3 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/variants.d.ts +66 -0
- package/dist/theme/variants.d.ts.map +1 -0
- package/dist/tooltip/index.cjs.js +2 -0
- package/dist/tooltip/index.cjs.js.map +1 -0
- package/dist/tooltip/index.es.js +5 -0
- package/dist/tooltip/index.es.js.map +1 -0
- package/dist/tooltip.d.ts +2 -0
- package/dist/types/checkbox.type.d.ts +89 -0
- package/dist/types/checkbox.type.d.ts.map +1 -0
- package/dist/types/global.d.ts +5 -0
- package/dist/types/global.d.ts.map +1 -0
- package/dist/types/icon.type.d.ts +3 -0
- package/dist/types/icon.type.d.ts.map +1 -0
- package/dist/types/index.d.ts +8 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/select/select-main.type.d.ts +139 -0
- package/dist/types/select/select-main.type.d.ts.map +1 -0
- package/dist/types/select/select.type.d.ts +8 -0
- package/dist/types/select/select.type.d.ts.map +1 -0
- package/dist/types/switch.type.d.ts +78 -0
- package/dist/types/switch.type.d.ts.map +1 -0
- package/dist/types/theme.d.ts +8 -0
- package/dist/types/theme.d.ts.map +1 -0
- package/dist/ui/index.cjs.js +71 -0
- package/dist/ui/index.cjs.js.map +1 -0
- package/dist/ui/index.es.js +8189 -0
- package/dist/ui/index.es.js.map +1 -0
- package/dist/ui.d.ts +2 -0
- package/package.json +135 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("../chunks/clsx-C11secjj.js"),w=require("../chunks/tv-C5lw0tnu.js"),a=require("../chunks/variants-BUTPDD09.js"),y=require("../chunks/classes-P14wj2Ze.js"),l=require("../chunks/jsx-runtime-DFswc9zO.js"),V=require("react");function j(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const o=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(r,s,o.get?o:{enumerable:!0,get:()=>e[s]})}}return r.default=e,Object.freeze(r)}const f=j(V),E=w.tv({slots:{base:["relative","max-w-fit","min-w-min","inline-flex","items-center","justify-between","box-border","whitespace-nowrap"],content:"flex-1 text-inherit font-normal",dot:["w-2","h-2","ml-1","rounded-full"],avatar:"flex-shrink-0",closeButton:["z-10","appearance-none","outline-none","select-none","transition-opacity","opacity-70","hover:opacity-100","cursor-pointer","active:opacity-disabled","tap-highlight-transparent"]},variants:{variant:{solid:{},bordered:{base:"border-[2px] bg-transparent"},light:{base:"bg-transparent"},flat:{},faded:{base:"border-[2px]"},shadow:{},dot:{base:"border-[2px] border-default text-foreground bg-transparent"}},color:{default:{dot:"bg-default-400"},primary:{dot:"bg-primary"},secondary:{dot:"bg-secondary"},success:{dot:"bg-success"},warning:{dot:"bg-warning"},danger:{dot:"bg-danger"}},size:{sm:{base:"px-1 h-6 text-sm",content:"px-1",closeButton:"text-sm",avatar:"w-4 h-4"},md:{base:"px-1 h-7 text-sm",content:"px-2",closeButton:"text-lg",avatar:"w-5 h-5"},lg:{base:"px-2 h-8 text-md",content:"px-2",closeButton:"text-xl",avatar:"w-6 h-6"}},radius:{none:{base:"rounded-none"},sm:{base:"rounded-sm"},md:{base:"rounded-md"},lg:{base:"rounded-lg"},full:{base:"rounded-full"}},isOneChar:{true:{},false:{}},isCloseable:{true:{},false:{}},hasStartContent:{true:{}},hasEndContent:{true:{}},isDisabled:{true:{base:"opacity-disabled pointer-events-none"}},isCloseButtonFocusVisible:{true:{closeButton:[...y.ringClasses,"ring-1","rounded-full"]}}},defaultVariants:{variant:"solid",color:"default",size:"md",radius:"full",isDisabled:!1},compoundVariants:[{variant:"solid",color:"default",class:{base:a.colorVariants.solid.default}},{variant:"solid",color:"primary",class:{base:a.colorVariants.solid.primary}},{variant:"solid",color:"secondary",class:{base:a.colorVariants.solid.secondary}},{variant:"solid",color:"success",class:{base:a.colorVariants.solid.success}},{variant:"solid",color:"warning",class:{base:a.colorVariants.solid.warning}},{variant:"solid",color:"danger",class:{base:a.colorVariants.solid.danger}},{variant:"shadow",color:"default",class:{base:a.colorVariants.shadow.default}},{variant:"shadow",color:"primary",class:{base:a.colorVariants.shadow.primary}},{variant:"shadow",color:"secondary",class:{base:a.colorVariants.shadow.secondary}},{variant:"shadow",color:"success",class:{base:a.colorVariants.shadow.success}},{variant:"shadow",color:"warning",class:{base:a.colorVariants.shadow.warning}},{variant:"shadow",color:"danger",class:{base:a.colorVariants.shadow.danger}},{variant:"bordered",color:"default",class:{base:a.colorVariants.bordered.default}},{variant:"bordered",color:"primary",class:{base:a.colorVariants.bordered.primary}},{variant:"bordered",color:"secondary",class:{base:a.colorVariants.bordered.secondary}},{variant:"bordered",color:"success",class:{base:a.colorVariants.bordered.success}},{variant:"bordered",color:"warning",class:{base:a.colorVariants.bordered.warning}},{variant:"bordered",color:"danger",class:{base:a.colorVariants.bordered.danger}},{variant:"flat",color:"default",class:{base:a.colorVariants.flat.default}},{variant:"flat",color:"primary",class:{base:a.colorVariants.flat.primary}},{variant:"flat",color:"secondary",class:{base:a.colorVariants.flat.secondary}},{variant:"flat",color:"success",class:{base:a.colorVariants.flat.success}},{variant:"flat",color:"warning",class:{base:a.colorVariants.flat.warning}},{variant:"flat",color:"danger",class:{base:a.colorVariants.flat.danger}},{variant:"faded",color:"default",class:{base:a.colorVariants.faded.default}},{variant:"faded",color:"primary",class:{base:a.colorVariants.faded.primary}},{variant:"faded",color:"secondary",class:{base:a.colorVariants.faded.secondary}},{variant:"faded",color:"success",class:{base:a.colorVariants.faded.success}},{variant:"faded",color:"warning",class:{base:a.colorVariants.faded.warning}},{variant:"faded",color:"danger",class:{base:a.colorVariants.faded.danger}},{variant:"light",color:"default",class:{base:a.colorVariants.light.default}},{variant:"light",color:"primary",class:{base:a.colorVariants.light.primary}},{variant:"light",color:"secondary",class:{base:a.colorVariants.light.secondary}},{variant:"light",color:"success",class:{base:a.colorVariants.light.success}},{variant:"light",color:"warning",class:{base:a.colorVariants.light.warning}},{variant:"light",color:"danger",class:{base:a.colorVariants.light.danger}},{isOneChar:!0,hasStartContent:!1,hasEndContent:!1,size:"sm",class:{base:"w-5 h-5 min-w-5 min-h-5"}},{isOneChar:!0,hasStartContent:!1,hasEndContent:!1,size:"md",class:{base:"w-6 h-6 min-w-6 min-h-6"}},{isOneChar:!0,hasStartContent:!1,hasEndContent:!1,size:"lg",class:{base:"w-7 h-7 min-w-7 min-h-7"}},{isOneChar:!0,isCloseable:!1,hasStartContent:!1,hasEndContent:!1,class:{base:"px-0 justify-center",content:"px-0 flex-none"}},{isOneChar:!0,isCloseable:!0,hasStartContent:!1,hasEndContent:!1,class:{base:"w-auto"}},{isOneChar:!0,variant:"dot",class:{base:"w-auto h-7 px-1 items-center",content:"px-2"}},{hasStartContent:!0,size:"sm",class:{content:"pl-0.5"}},{hasStartContent:!0,size:["md","lg"],class:{content:"pl-1"}},{hasEndContent:!0,size:"sm",class:{content:"pr-0.5"}},{hasEndContent:!0,size:["md","lg"],class:{content:"pr-1"}}]});function m(e){const{className:r,classNames:s,startContent:o,endContent:i,children:t,isCloseable:c,isOneChar:h,isDot:d,onClose:n,...u}=e,b=E({...u,isOneChar:h,isCloseable:c,hasStartContent:!!o,hasEndContent:!!i||!!c});return{Component:"div",slots:b,classNames:s,isDot:d,isCloseable:c,startContent:o,endContent:i,children:t,getChipProps:()=>({className:b.base({class:C.clsx(s==null?void 0:s.base,r)}),...u}),getCloseButtonProps:()=>({className:b.closeButton({class:s==null?void 0:s.closeButton}),tabIndex:0,role:"button","aria-label":"Close",onClick:x=>{x.stopPropagation(),n==null||n()}})}}const O=e=>l.jsxRuntimeExports.jsx("svg",{"aria-hidden":"true",focusable:"false",height:"1em",role:"presentation",viewBox:"0 0 24 24",width:"1em",...e,children:l.jsxRuntimeExports.jsx("path",{d:"M12 2a10 10 0 1010 10A10.016 10.016 0 0012 2zm3.36 12.3a.754.754 0 010 1.06.748.748 0 01-1.06 0l-2.3-2.3-2.3 2.3a.748.748 0 01-1.06 0 .754.754 0 010-1.06l2.3-2.3-2.3-2.3A.75.75 0 019.7 8.64l2.3 2.3 2.3-2.3a.75.75 0 011.06 1.06l-2.3 2.3z",fill:"currentColor"})}),v=f.forwardRef((e,r)=>{const{Component:s,children:o,slots:i,classNames:t,isDot:c,isCloseable:h,startContent:d,endContent:n,getCloseButtonProps:u,getChipProps:b}=m({...e,ref:r}),p=f.useMemo(()=>c&&!d?l.jsxRuntimeExports.jsx("span",{className:i.dot({class:t==null?void 0:t.dot})}):d,[c,d,i,t]),g=f.useMemo(()=>h?l.jsxRuntimeExports.jsx("span",{...u(),children:n??l.jsxRuntimeExports.jsx(O,{})}):n,[h,n,u]);return l.jsxRuntimeExports.jsxs(s,{...b(),children:[p,l.jsxRuntimeExports.jsx("span",{className:i.content({class:t==null?void 0:t.content}),children:o}),g]})});v.displayName="Custom.Chip";exports.Chip=v;exports.useChip=m;
|
|
2
|
+
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../src/theme/color/chip.ts","../../src/components/chip/use-chip.ts","../../src/components/icons/close-filled.tsx","../../src/components/chip/chip.tsx"],"sourcesContent":["import { tv } from \"@/lib/tv\";\nimport { colorVariants, ringClasses } from \"@/theme\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nconst chip = tv({\n\tslots: {\n\t\tbase: [\"relative\", \"max-w-fit\", \"min-w-min\", \"inline-flex\", \"items-center\", \"justify-between\", \"box-border\", \"whitespace-nowrap\"],\n\t\tcontent: \"flex-1 text-inherit font-normal\",\n\t\tdot: [\"w-2\", \"h-2\", \"ml-1\", \"rounded-full\"],\n\t\tavatar: \"flex-shrink-0\",\n\t\tcloseButton: [\n\t\t\t\"z-10\",\n\t\t\t\"appearance-none\",\n\t\t\t\"outline-none\",\n\t\t\t\"select-none\",\n\t\t\t\"transition-opacity\",\n\t\t\t\"opacity-70\",\n\t\t\t\"hover:opacity-100\",\n\t\t\t\"cursor-pointer\",\n\t\t\t\"active:opacity-disabled\",\n\t\t\t\"tap-highlight-transparent\",\n\t\t],\n\t},\n\tvariants: {\n\t\tvariant: {\n\t\t\tsolid: {},\n\t\t\tbordered: {\n\t\t\t\tbase: \"border-[2px] bg-transparent\",\n\t\t\t},\n\t\t\tlight: {\n\t\t\t\tbase: \"bg-transparent\",\n\t\t\t},\n\t\t\tflat: {},\n\t\t\tfaded: {\n\t\t\t\tbase: \"border-[2px]\",\n\t\t\t},\n\t\t\tshadow: {},\n\t\t\tdot: {\n\t\t\t\tbase: \"border-[2px] border-default text-foreground bg-transparent\",\n\t\t\t},\n\t\t},\n\t\tcolor: {\n\t\t\tdefault: {\n\t\t\t\tdot: \"bg-default-400\",\n\t\t\t},\n\t\t\tprimary: {\n\t\t\t\tdot: \"bg-primary\",\n\t\t\t},\n\t\t\tsecondary: {\n\t\t\t\tdot: \"bg-secondary\",\n\t\t\t},\n\t\t\tsuccess: {\n\t\t\t\tdot: \"bg-success\",\n\t\t\t},\n\t\t\twarning: {\n\t\t\t\tdot: \"bg-warning\",\n\t\t\t},\n\t\t\tdanger: {\n\t\t\t\tdot: \"bg-danger\",\n\t\t\t},\n\t\t},\n\t\tsize: {\n\t\t\tsm: {\n\t\t\t\tbase: \"px-1 h-6 text-sm\",\n\t\t\t\tcontent: \"px-1\",\n\t\t\t\tcloseButton: \"text-sm\",\n\t\t\t\tavatar: \"w-4 h-4\",\n\t\t\t},\n\t\t\tmd: {\n\t\t\t\tbase: \"px-1 h-7 text-sm\",\n\t\t\t\tcontent: \"px-2\",\n\t\t\t\tcloseButton: \"text-lg\",\n\t\t\t\tavatar: \"w-5 h-5\",\n\t\t\t},\n\t\t\tlg: {\n\t\t\t\tbase: \"px-2 h-8 text-md\",\n\t\t\t\tcontent: \"px-2\",\n\t\t\t\tcloseButton: \"text-xl\",\n\t\t\t\tavatar: \"w-6 h-6\",\n\t\t\t},\n\t\t},\n\t\tradius: {\n\t\t\tnone: {\n\t\t\t\tbase: \"rounded-none\",\n\t\t\t},\n\t\t\tsm: {\n\t\t\t\tbase: \"rounded-sm\",\n\t\t\t},\n\t\t\tmd: {\n\t\t\t\tbase: \"rounded-md\",\n\t\t\t},\n\t\t\tlg: {\n\t\t\t\tbase: \"rounded-lg\",\n\t\t\t},\n\t\t\tfull: {\n\t\t\t\tbase: \"rounded-full\",\n\t\t\t},\n\t\t},\n\t\tisOneChar: {\n\t\t\ttrue: {},\n\t\t\tfalse: {},\n\t\t},\n\t\tisCloseable: {\n\t\t\ttrue: {},\n\t\t\tfalse: {},\n\t\t},\n\t\thasStartContent: {\n\t\t\ttrue: {},\n\t\t},\n\t\thasEndContent: {\n\t\t\ttrue: {},\n\t\t},\n\t\tisDisabled: {\n\t\t\ttrue: { base: \"opacity-disabled pointer-events-none\" },\n\t\t},\n\t\tisCloseButtonFocusVisible: {\n\t\t\ttrue: {\n\t\t\t\tcloseButton: [...ringClasses, \"ring-1\", \"rounded-full\"],\n\t\t\t},\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tvariant: \"solid\",\n\t\tcolor: \"default\",\n\t\tsize: \"md\",\n\t\tradius: \"full\",\n\t\tisDisabled: false,\n\t},\n\tcompoundVariants: [\n\t\t// solid / color\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.solid.default,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.solid.primary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.solid.secondary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.solid.success,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.solid.warning,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"solid\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.solid.danger,\n\t\t\t},\n\t\t},\n\t\t// shadow / color\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.shadow.default,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.shadow.primary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.shadow.secondary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.shadow.success,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.shadow.warning,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"shadow\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.shadow.danger,\n\t\t\t},\n\t\t},\n\t\t// bordered / color\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.bordered.default,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.bordered.primary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.bordered.secondary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.bordered.success,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.bordered.warning,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"bordered\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.bordered.danger,\n\t\t\t},\n\t\t},\n\t\t// flat / color\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.flat.default,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.flat.primary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.flat.secondary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.flat.success,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.flat.warning,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"flat\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.flat.danger,\n\t\t\t},\n\t\t},\n\t\t// faded / color\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.faded.default,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.faded.primary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.faded.secondary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.faded.success,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.faded.warning,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"faded\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.faded.danger,\n\t\t\t},\n\t\t},\n\t\t// light / color\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"default\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.light.default,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"primary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.light.primary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"secondary\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.light.secondary,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"success\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.light.success,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"warning\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.light.warning,\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tvariant: \"light\",\n\t\t\tcolor: \"danger\",\n\t\t\tclass: {\n\t\t\t\tbase: colorVariants.light.danger,\n\t\t\t},\n\t\t},\n\t\t// isOneChar / size\n\t\t{\n\t\t\tisOneChar: true,\n\t\t\thasStartContent: false,\n\t\t\thasEndContent: false,\n\t\t\tsize: \"sm\",\n\t\t\tclass: {\n\t\t\t\tbase: \"w-5 h-5 min-w-5 min-h-5\",\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tisOneChar: true,\n\t\t\thasStartContent: false,\n\t\t\thasEndContent: false,\n\t\t\tsize: \"md\",\n\t\t\tclass: {\n\t\t\t\tbase: \"w-6 h-6 min-w-6 min-h-6\",\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tisOneChar: true,\n\t\t\thasStartContent: false,\n\t\t\thasEndContent: false,\n\t\t\tsize: \"lg\",\n\t\t\tclass: {\n\t\t\t\tbase: \"w-7 h-7 min-w-7 min-h-7\",\n\t\t\t},\n\t\t},\n\t\t// isOneChar / isCloseable\n\t\t{\n\t\t\tisOneChar: true,\n\t\t\tisCloseable: false,\n\t\t\thasStartContent: false,\n\t\t\thasEndContent: false,\n\t\t\tclass: {\n\t\t\t\tbase: \"px-0 justify-center\",\n\t\t\t\tcontent: \"px-0 flex-none\",\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\tisOneChar: true,\n\t\t\tisCloseable: true,\n\t\t\thasStartContent: false,\n\t\t\thasEndContent: false,\n\t\t\tclass: {\n\t\t\t\tbase: \"w-auto\",\n\t\t\t},\n\t\t},\n\t\t// isOneChar / dot\n\t\t{\n\t\t\tisOneChar: true,\n\t\t\tvariant: \"dot\",\n\t\t\tclass: {\n\t\t\t\tbase: \"w-auto h-7 px-1 items-center\",\n\t\t\t\tcontent: \"px-2\",\n\t\t\t},\n\t\t},\n\t\t// hasStartContent / size\n\t\t{\n\t\t\thasStartContent: true,\n\t\t\tsize: \"sm\",\n\t\t\tclass: {\n\t\t\t\tcontent: \"pl-0.5\",\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\thasStartContent: true,\n\t\t\tsize: [\"md\", \"lg\"],\n\t\t\tclass: {\n\t\t\t\tcontent: \"pl-1\",\n\t\t\t},\n\t\t},\n\t\t// hasEndContent / size\n\t\t{\n\t\t\thasEndContent: true,\n\t\t\tsize: \"sm\",\n\t\t\tclass: {\n\t\t\t\tcontent: \"pr-0.5\",\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\thasEndContent: true,\n\t\t\tsize: [\"md\", \"lg\"],\n\t\t\tclass: {\n\t\t\t\tcontent: \"pr-1\",\n\t\t\t},\n\t\t},\n\t],\n});\n\nexport type ChipVariantProps = VariantProps<typeof chip>;\nexport type ChipSlots = keyof ReturnType<typeof chip>;\n\nexport { chip };\n","import type { VariantProps } from \"tailwind-variants\";\nimport clsx from \"clsx\";\nimport { chip } from \"@/theme/color/chip\";\n\nexport type UseChipProps = React.ComponentPropsWithoutRef<\"div\"> &\n\tVariantProps<typeof chip> & {\n\t\tref?: React.Ref<HTMLDivElement>;\n\t\tclassNames?: Partial<Record<keyof ReturnType<typeof chip>, string>>;\n\t\tstartContent?: React.ReactNode;\n\t\tendContent?: React.ReactNode;\n\t\tchildren?: React.ReactNode;\n\t\tisDot?: boolean;\n\t\tonClose?: () => void;\n\t};\n\nexport function useChip(props: UseChipProps) {\n\tconst { className, classNames, startContent, endContent, children, isCloseable, isOneChar, isDot, onClose, ...restProps } = props;\n\n\tconst slots = chip({\n\t\t...restProps,\n\t\tisOneChar,\n\t\tisCloseable,\n\t\thasStartContent: !!startContent,\n\t\thasEndContent: !!endContent || !!isCloseable,\n\t});\n\n\tconst getChipProps = () => ({\n\t\tclassName: slots.base({ class: clsx(classNames?.base, className) }),\n\t\t...restProps,\n\t});\n\n\tconst getCloseButtonProps = () => ({\n\t\t\"className\": slots.closeButton({ class: classNames?.closeButton }),\n\t\t\"tabIndex\": 0,\n\t\t\"role\": \"button\",\n\t\t\"aria-label\": \"Close\",\n\t\t\"onClick\": (e: React.MouseEvent<HTMLSpanElement>) => {\n\t\t\te.stopPropagation();\n\t\t\tonClose?.();\n\t\t},\n\t});\n\n\treturn {\n\t\tComponent: \"div\" as const,\n\t\tslots,\n\t\tclassNames,\n\t\tisDot,\n\t\tisCloseable,\n\t\tstartContent,\n\t\tendContent,\n\t\tchildren,\n\t\tgetChipProps,\n\t\tgetCloseButtonProps,\n\t};\n}\n","import type { IconSvgProps } from \"@/types\";\r\n\r\n\r\nexport const CloseFilledIcon = (props: IconSvgProps) => (\r\n\t<svg aria-hidden=\"true\" focusable=\"false\" height=\"1em\" role=\"presentation\" viewBox=\"0 0 24 24\" width=\"1em\" {...props}>\r\n\t\t<path\r\n\t\t\td=\"M12 2a10 10 0 1010 10A10.016 10.016 0 0012 2zm3.36 12.3a.754.754 0 010 1.06.748.748 0 01-1.06 0l-2.3-2.3-2.3 2.3a.748.748 0 01-1.06 0 .754.754 0 010-1.06l2.3-2.3-2.3-2.3A.75.75 0 019.7 8.64l2.3 2.3 2.3-2.3a.75.75 0 011.06 1.06l-2.3 2.3z\"\r\n\t\t\tfill=\"currentColor\"\r\n\t\t/>\r\n\t</svg>\r\n);\r\n","import * as React from \"react\";\nimport { useChip, type UseChipProps } from \"./use-chip\";\nimport { CloseFilledIcon } from \"../icons/close-filled\";\n\nexport type ChipProps = Omit<UseChipProps, \"isOneChar\" | \"isCloseButtonFocusVisible\">;\n\nconst Chip = React.forwardRef<HTMLDivElement, ChipProps>((props, ref) => {\n\tconst { Component, children, slots, classNames, isDot, isCloseable, startContent, endContent, getCloseButtonProps, getChipProps } = useChip({\n\t\t...props,\n\t\tref,\n\t});\n\n\tconst start = React.useMemo(() => {\n\t\tif (isDot && !startContent) {\n\t\t\treturn <span className={slots.dot({ class: classNames?.dot })} />;\n\t\t}\n\t\treturn startContent;\n\t}, [isDot, startContent, slots, classNames]);\n\n\tconst end = React.useMemo(() => {\n\t\tif (isCloseable) {\n\t\t\treturn <span {...getCloseButtonProps()}>{endContent ?? <CloseFilledIcon />}</span>;\n\t\t}\n\t\treturn endContent;\n\t}, [isCloseable, endContent, getCloseButtonProps]);\n\n\treturn (\n\t\t<Component {...getChipProps()}>\n\t\t\t{start}\n\t\t\t<span className={slots.content({ class: classNames?.content })}>{children}</span>\n\t\t\t{end}\n\t\t</Component>\n\t);\n});\n\nChip.displayName = \"Custom.Chip\";\n\nexport default Chip;\n"],"names":["chip","tv","ringClasses","colorVariants","useChip","props","className","classNames","startContent","endContent","children","isCloseable","isOneChar","isDot","onClose","restProps","slots","clsx","e","CloseFilledIcon","jsx","Chip","React","ref","Component","getCloseButtonProps","getChipProps","start","end","jsxs"],"mappings":"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"}
|
|
@@ -0,0 +1,533 @@
|
|
|
1
|
+
import { c as v } from "../chunks/clsx-OuTLNxxd.js";
|
|
2
|
+
import { t as C } from "../chunks/tv-ButAo3dF.js";
|
|
3
|
+
import { c as a } from "../chunks/variants-DhZQjbsQ.js";
|
|
4
|
+
import { r as w } from "../chunks/classes-7MXTIFwM.js";
|
|
5
|
+
import { j as r } from "../chunks/jsx-runtime-BYq8_R6m.js";
|
|
6
|
+
import * as f from "react";
|
|
7
|
+
const x = C({
|
|
8
|
+
slots: {
|
|
9
|
+
base: ["relative", "max-w-fit", "min-w-min", "inline-flex", "items-center", "justify-between", "box-border", "whitespace-nowrap"],
|
|
10
|
+
content: "flex-1 text-inherit font-normal",
|
|
11
|
+
dot: ["w-2", "h-2", "ml-1", "rounded-full"],
|
|
12
|
+
avatar: "flex-shrink-0",
|
|
13
|
+
closeButton: [
|
|
14
|
+
"z-10",
|
|
15
|
+
"appearance-none",
|
|
16
|
+
"outline-none",
|
|
17
|
+
"select-none",
|
|
18
|
+
"transition-opacity",
|
|
19
|
+
"opacity-70",
|
|
20
|
+
"hover:opacity-100",
|
|
21
|
+
"cursor-pointer",
|
|
22
|
+
"active:opacity-disabled",
|
|
23
|
+
"tap-highlight-transparent"
|
|
24
|
+
]
|
|
25
|
+
},
|
|
26
|
+
variants: {
|
|
27
|
+
variant: {
|
|
28
|
+
solid: {},
|
|
29
|
+
bordered: {
|
|
30
|
+
base: "border-[2px] bg-transparent"
|
|
31
|
+
},
|
|
32
|
+
light: {
|
|
33
|
+
base: "bg-transparent"
|
|
34
|
+
},
|
|
35
|
+
flat: {},
|
|
36
|
+
faded: {
|
|
37
|
+
base: "border-[2px]"
|
|
38
|
+
},
|
|
39
|
+
shadow: {},
|
|
40
|
+
dot: {
|
|
41
|
+
base: "border-[2px] border-default text-foreground bg-transparent"
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
color: {
|
|
45
|
+
default: {
|
|
46
|
+
dot: "bg-default-400"
|
|
47
|
+
},
|
|
48
|
+
primary: {
|
|
49
|
+
dot: "bg-primary"
|
|
50
|
+
},
|
|
51
|
+
secondary: {
|
|
52
|
+
dot: "bg-secondary"
|
|
53
|
+
},
|
|
54
|
+
success: {
|
|
55
|
+
dot: "bg-success"
|
|
56
|
+
},
|
|
57
|
+
warning: {
|
|
58
|
+
dot: "bg-warning"
|
|
59
|
+
},
|
|
60
|
+
danger: {
|
|
61
|
+
dot: "bg-danger"
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
size: {
|
|
65
|
+
sm: {
|
|
66
|
+
base: "px-1 h-6 text-sm",
|
|
67
|
+
content: "px-1",
|
|
68
|
+
closeButton: "text-sm",
|
|
69
|
+
avatar: "w-4 h-4"
|
|
70
|
+
},
|
|
71
|
+
md: {
|
|
72
|
+
base: "px-1 h-7 text-sm",
|
|
73
|
+
content: "px-2",
|
|
74
|
+
closeButton: "text-lg",
|
|
75
|
+
avatar: "w-5 h-5"
|
|
76
|
+
},
|
|
77
|
+
lg: {
|
|
78
|
+
base: "px-2 h-8 text-md",
|
|
79
|
+
content: "px-2",
|
|
80
|
+
closeButton: "text-xl",
|
|
81
|
+
avatar: "w-6 h-6"
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
radius: {
|
|
85
|
+
none: {
|
|
86
|
+
base: "rounded-none"
|
|
87
|
+
},
|
|
88
|
+
sm: {
|
|
89
|
+
base: "rounded-sm"
|
|
90
|
+
},
|
|
91
|
+
md: {
|
|
92
|
+
base: "rounded-md"
|
|
93
|
+
},
|
|
94
|
+
lg: {
|
|
95
|
+
base: "rounded-lg"
|
|
96
|
+
},
|
|
97
|
+
full: {
|
|
98
|
+
base: "rounded-full"
|
|
99
|
+
}
|
|
100
|
+
},
|
|
101
|
+
isOneChar: {
|
|
102
|
+
true: {},
|
|
103
|
+
false: {}
|
|
104
|
+
},
|
|
105
|
+
isCloseable: {
|
|
106
|
+
true: {},
|
|
107
|
+
false: {}
|
|
108
|
+
},
|
|
109
|
+
hasStartContent: {
|
|
110
|
+
true: {}
|
|
111
|
+
},
|
|
112
|
+
hasEndContent: {
|
|
113
|
+
true: {}
|
|
114
|
+
},
|
|
115
|
+
isDisabled: {
|
|
116
|
+
true: { base: "opacity-disabled pointer-events-none" }
|
|
117
|
+
},
|
|
118
|
+
isCloseButtonFocusVisible: {
|
|
119
|
+
true: {
|
|
120
|
+
closeButton: [...w, "ring-1", "rounded-full"]
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
},
|
|
124
|
+
defaultVariants: {
|
|
125
|
+
variant: "solid",
|
|
126
|
+
color: "default",
|
|
127
|
+
size: "md",
|
|
128
|
+
radius: "full",
|
|
129
|
+
isDisabled: !1
|
|
130
|
+
},
|
|
131
|
+
compoundVariants: [
|
|
132
|
+
// solid / color
|
|
133
|
+
{
|
|
134
|
+
variant: "solid",
|
|
135
|
+
color: "default",
|
|
136
|
+
class: {
|
|
137
|
+
base: a.solid.default
|
|
138
|
+
}
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
variant: "solid",
|
|
142
|
+
color: "primary",
|
|
143
|
+
class: {
|
|
144
|
+
base: a.solid.primary
|
|
145
|
+
}
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
variant: "solid",
|
|
149
|
+
color: "secondary",
|
|
150
|
+
class: {
|
|
151
|
+
base: a.solid.secondary
|
|
152
|
+
}
|
|
153
|
+
},
|
|
154
|
+
{
|
|
155
|
+
variant: "solid",
|
|
156
|
+
color: "success",
|
|
157
|
+
class: {
|
|
158
|
+
base: a.solid.success
|
|
159
|
+
}
|
|
160
|
+
},
|
|
161
|
+
{
|
|
162
|
+
variant: "solid",
|
|
163
|
+
color: "warning",
|
|
164
|
+
class: {
|
|
165
|
+
base: a.solid.warning
|
|
166
|
+
}
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
variant: "solid",
|
|
170
|
+
color: "danger",
|
|
171
|
+
class: {
|
|
172
|
+
base: a.solid.danger
|
|
173
|
+
}
|
|
174
|
+
},
|
|
175
|
+
// shadow / color
|
|
176
|
+
{
|
|
177
|
+
variant: "shadow",
|
|
178
|
+
color: "default",
|
|
179
|
+
class: {
|
|
180
|
+
base: a.shadow.default
|
|
181
|
+
}
|
|
182
|
+
},
|
|
183
|
+
{
|
|
184
|
+
variant: "shadow",
|
|
185
|
+
color: "primary",
|
|
186
|
+
class: {
|
|
187
|
+
base: a.shadow.primary
|
|
188
|
+
}
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
variant: "shadow",
|
|
192
|
+
color: "secondary",
|
|
193
|
+
class: {
|
|
194
|
+
base: a.shadow.secondary
|
|
195
|
+
}
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
variant: "shadow",
|
|
199
|
+
color: "success",
|
|
200
|
+
class: {
|
|
201
|
+
base: a.shadow.success
|
|
202
|
+
}
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
variant: "shadow",
|
|
206
|
+
color: "warning",
|
|
207
|
+
class: {
|
|
208
|
+
base: a.shadow.warning
|
|
209
|
+
}
|
|
210
|
+
},
|
|
211
|
+
{
|
|
212
|
+
variant: "shadow",
|
|
213
|
+
color: "danger",
|
|
214
|
+
class: {
|
|
215
|
+
base: a.shadow.danger
|
|
216
|
+
}
|
|
217
|
+
},
|
|
218
|
+
// bordered / color
|
|
219
|
+
{
|
|
220
|
+
variant: "bordered",
|
|
221
|
+
color: "default",
|
|
222
|
+
class: {
|
|
223
|
+
base: a.bordered.default
|
|
224
|
+
}
|
|
225
|
+
},
|
|
226
|
+
{
|
|
227
|
+
variant: "bordered",
|
|
228
|
+
color: "primary",
|
|
229
|
+
class: {
|
|
230
|
+
base: a.bordered.primary
|
|
231
|
+
}
|
|
232
|
+
},
|
|
233
|
+
{
|
|
234
|
+
variant: "bordered",
|
|
235
|
+
color: "secondary",
|
|
236
|
+
class: {
|
|
237
|
+
base: a.bordered.secondary
|
|
238
|
+
}
|
|
239
|
+
},
|
|
240
|
+
{
|
|
241
|
+
variant: "bordered",
|
|
242
|
+
color: "success",
|
|
243
|
+
class: {
|
|
244
|
+
base: a.bordered.success
|
|
245
|
+
}
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
variant: "bordered",
|
|
249
|
+
color: "warning",
|
|
250
|
+
class: {
|
|
251
|
+
base: a.bordered.warning
|
|
252
|
+
}
|
|
253
|
+
},
|
|
254
|
+
{
|
|
255
|
+
variant: "bordered",
|
|
256
|
+
color: "danger",
|
|
257
|
+
class: {
|
|
258
|
+
base: a.bordered.danger
|
|
259
|
+
}
|
|
260
|
+
},
|
|
261
|
+
// flat / color
|
|
262
|
+
{
|
|
263
|
+
variant: "flat",
|
|
264
|
+
color: "default",
|
|
265
|
+
class: {
|
|
266
|
+
base: a.flat.default
|
|
267
|
+
}
|
|
268
|
+
},
|
|
269
|
+
{
|
|
270
|
+
variant: "flat",
|
|
271
|
+
color: "primary",
|
|
272
|
+
class: {
|
|
273
|
+
base: a.flat.primary
|
|
274
|
+
}
|
|
275
|
+
},
|
|
276
|
+
{
|
|
277
|
+
variant: "flat",
|
|
278
|
+
color: "secondary",
|
|
279
|
+
class: {
|
|
280
|
+
base: a.flat.secondary
|
|
281
|
+
}
|
|
282
|
+
},
|
|
283
|
+
{
|
|
284
|
+
variant: "flat",
|
|
285
|
+
color: "success",
|
|
286
|
+
class: {
|
|
287
|
+
base: a.flat.success
|
|
288
|
+
}
|
|
289
|
+
},
|
|
290
|
+
{
|
|
291
|
+
variant: "flat",
|
|
292
|
+
color: "warning",
|
|
293
|
+
class: {
|
|
294
|
+
base: a.flat.warning
|
|
295
|
+
}
|
|
296
|
+
},
|
|
297
|
+
{
|
|
298
|
+
variant: "flat",
|
|
299
|
+
color: "danger",
|
|
300
|
+
class: {
|
|
301
|
+
base: a.flat.danger
|
|
302
|
+
}
|
|
303
|
+
},
|
|
304
|
+
// faded / color
|
|
305
|
+
{
|
|
306
|
+
variant: "faded",
|
|
307
|
+
color: "default",
|
|
308
|
+
class: {
|
|
309
|
+
base: a.faded.default
|
|
310
|
+
}
|
|
311
|
+
},
|
|
312
|
+
{
|
|
313
|
+
variant: "faded",
|
|
314
|
+
color: "primary",
|
|
315
|
+
class: {
|
|
316
|
+
base: a.faded.primary
|
|
317
|
+
}
|
|
318
|
+
},
|
|
319
|
+
{
|
|
320
|
+
variant: "faded",
|
|
321
|
+
color: "secondary",
|
|
322
|
+
class: {
|
|
323
|
+
base: a.faded.secondary
|
|
324
|
+
}
|
|
325
|
+
},
|
|
326
|
+
{
|
|
327
|
+
variant: "faded",
|
|
328
|
+
color: "success",
|
|
329
|
+
class: {
|
|
330
|
+
base: a.faded.success
|
|
331
|
+
}
|
|
332
|
+
},
|
|
333
|
+
{
|
|
334
|
+
variant: "faded",
|
|
335
|
+
color: "warning",
|
|
336
|
+
class: {
|
|
337
|
+
base: a.faded.warning
|
|
338
|
+
}
|
|
339
|
+
},
|
|
340
|
+
{
|
|
341
|
+
variant: "faded",
|
|
342
|
+
color: "danger",
|
|
343
|
+
class: {
|
|
344
|
+
base: a.faded.danger
|
|
345
|
+
}
|
|
346
|
+
},
|
|
347
|
+
// light / color
|
|
348
|
+
{
|
|
349
|
+
variant: "light",
|
|
350
|
+
color: "default",
|
|
351
|
+
class: {
|
|
352
|
+
base: a.light.default
|
|
353
|
+
}
|
|
354
|
+
},
|
|
355
|
+
{
|
|
356
|
+
variant: "light",
|
|
357
|
+
color: "primary",
|
|
358
|
+
class: {
|
|
359
|
+
base: a.light.primary
|
|
360
|
+
}
|
|
361
|
+
},
|
|
362
|
+
{
|
|
363
|
+
variant: "light",
|
|
364
|
+
color: "secondary",
|
|
365
|
+
class: {
|
|
366
|
+
base: a.light.secondary
|
|
367
|
+
}
|
|
368
|
+
},
|
|
369
|
+
{
|
|
370
|
+
variant: "light",
|
|
371
|
+
color: "success",
|
|
372
|
+
class: {
|
|
373
|
+
base: a.light.success
|
|
374
|
+
}
|
|
375
|
+
},
|
|
376
|
+
{
|
|
377
|
+
variant: "light",
|
|
378
|
+
color: "warning",
|
|
379
|
+
class: {
|
|
380
|
+
base: a.light.warning
|
|
381
|
+
}
|
|
382
|
+
},
|
|
383
|
+
{
|
|
384
|
+
variant: "light",
|
|
385
|
+
color: "danger",
|
|
386
|
+
class: {
|
|
387
|
+
base: a.light.danger
|
|
388
|
+
}
|
|
389
|
+
},
|
|
390
|
+
// isOneChar / size
|
|
391
|
+
{
|
|
392
|
+
isOneChar: !0,
|
|
393
|
+
hasStartContent: !1,
|
|
394
|
+
hasEndContent: !1,
|
|
395
|
+
size: "sm",
|
|
396
|
+
class: {
|
|
397
|
+
base: "w-5 h-5 min-w-5 min-h-5"
|
|
398
|
+
}
|
|
399
|
+
},
|
|
400
|
+
{
|
|
401
|
+
isOneChar: !0,
|
|
402
|
+
hasStartContent: !1,
|
|
403
|
+
hasEndContent: !1,
|
|
404
|
+
size: "md",
|
|
405
|
+
class: {
|
|
406
|
+
base: "w-6 h-6 min-w-6 min-h-6"
|
|
407
|
+
}
|
|
408
|
+
},
|
|
409
|
+
{
|
|
410
|
+
isOneChar: !0,
|
|
411
|
+
hasStartContent: !1,
|
|
412
|
+
hasEndContent: !1,
|
|
413
|
+
size: "lg",
|
|
414
|
+
class: {
|
|
415
|
+
base: "w-7 h-7 min-w-7 min-h-7"
|
|
416
|
+
}
|
|
417
|
+
},
|
|
418
|
+
// isOneChar / isCloseable
|
|
419
|
+
{
|
|
420
|
+
isOneChar: !0,
|
|
421
|
+
isCloseable: !1,
|
|
422
|
+
hasStartContent: !1,
|
|
423
|
+
hasEndContent: !1,
|
|
424
|
+
class: {
|
|
425
|
+
base: "px-0 justify-center",
|
|
426
|
+
content: "px-0 flex-none"
|
|
427
|
+
}
|
|
428
|
+
},
|
|
429
|
+
{
|
|
430
|
+
isOneChar: !0,
|
|
431
|
+
isCloseable: !0,
|
|
432
|
+
hasStartContent: !1,
|
|
433
|
+
hasEndContent: !1,
|
|
434
|
+
class: {
|
|
435
|
+
base: "w-auto"
|
|
436
|
+
}
|
|
437
|
+
},
|
|
438
|
+
// isOneChar / dot
|
|
439
|
+
{
|
|
440
|
+
isOneChar: !0,
|
|
441
|
+
variant: "dot",
|
|
442
|
+
class: {
|
|
443
|
+
base: "w-auto h-7 px-1 items-center",
|
|
444
|
+
content: "px-2"
|
|
445
|
+
}
|
|
446
|
+
},
|
|
447
|
+
// hasStartContent / size
|
|
448
|
+
{
|
|
449
|
+
hasStartContent: !0,
|
|
450
|
+
size: "sm",
|
|
451
|
+
class: {
|
|
452
|
+
content: "pl-0.5"
|
|
453
|
+
}
|
|
454
|
+
},
|
|
455
|
+
{
|
|
456
|
+
hasStartContent: !0,
|
|
457
|
+
size: ["md", "lg"],
|
|
458
|
+
class: {
|
|
459
|
+
content: "pl-1"
|
|
460
|
+
}
|
|
461
|
+
},
|
|
462
|
+
// hasEndContent / size
|
|
463
|
+
{
|
|
464
|
+
hasEndContent: !0,
|
|
465
|
+
size: "sm",
|
|
466
|
+
class: {
|
|
467
|
+
content: "pr-0.5"
|
|
468
|
+
}
|
|
469
|
+
},
|
|
470
|
+
{
|
|
471
|
+
hasEndContent: !0,
|
|
472
|
+
size: ["md", "lg"],
|
|
473
|
+
class: {
|
|
474
|
+
content: "pr-1"
|
|
475
|
+
}
|
|
476
|
+
}
|
|
477
|
+
]
|
|
478
|
+
});
|
|
479
|
+
function y(l) {
|
|
480
|
+
const { className: h, classNames: s, startContent: b, endContent: o, children: e, isCloseable: n, isOneChar: u, isDot: i, onClose: t, ...d } = l, c = x({
|
|
481
|
+
...d,
|
|
482
|
+
isOneChar: u,
|
|
483
|
+
isCloseable: n,
|
|
484
|
+
hasStartContent: !!b,
|
|
485
|
+
hasEndContent: !!o || !!n
|
|
486
|
+
});
|
|
487
|
+
return {
|
|
488
|
+
Component: "div",
|
|
489
|
+
slots: c,
|
|
490
|
+
classNames: s,
|
|
491
|
+
isDot: i,
|
|
492
|
+
isCloseable: n,
|
|
493
|
+
startContent: b,
|
|
494
|
+
endContent: o,
|
|
495
|
+
children: e,
|
|
496
|
+
getChipProps: () => ({
|
|
497
|
+
className: c.base({ class: v(s == null ? void 0 : s.base, h) }),
|
|
498
|
+
...d
|
|
499
|
+
}),
|
|
500
|
+
getCloseButtonProps: () => ({
|
|
501
|
+
className: c.closeButton({ class: s == null ? void 0 : s.closeButton }),
|
|
502
|
+
tabIndex: 0,
|
|
503
|
+
role: "button",
|
|
504
|
+
"aria-label": "Close",
|
|
505
|
+
onClick: (m) => {
|
|
506
|
+
m.stopPropagation(), t == null || t();
|
|
507
|
+
}
|
|
508
|
+
})
|
|
509
|
+
};
|
|
510
|
+
}
|
|
511
|
+
const z = (l) => /* @__PURE__ */ r.jsx("svg", { "aria-hidden": "true", focusable: "false", height: "1em", role: "presentation", viewBox: "0 0 24 24", width: "1em", ...l, children: /* @__PURE__ */ r.jsx(
|
|
512
|
+
"path",
|
|
513
|
+
{
|
|
514
|
+
d: "M12 2a10 10 0 1010 10A10.016 10.016 0 0012 2zm3.36 12.3a.754.754 0 010 1.06.748.748 0 01-1.06 0l-2.3-2.3-2.3 2.3a.748.748 0 01-1.06 0 .754.754 0 010-1.06l2.3-2.3-2.3-2.3A.75.75 0 019.7 8.64l2.3 2.3 2.3-2.3a.75.75 0 011.06 1.06l-2.3 2.3z",
|
|
515
|
+
fill: "currentColor"
|
|
516
|
+
}
|
|
517
|
+
) }), B = f.forwardRef((l, h) => {
|
|
518
|
+
const { Component: s, children: b, slots: o, classNames: e, isDot: n, isCloseable: u, startContent: i, endContent: t, getCloseButtonProps: d, getChipProps: c } = y({
|
|
519
|
+
...l,
|
|
520
|
+
ref: h
|
|
521
|
+
}), p = f.useMemo(() => n && !i ? /* @__PURE__ */ r.jsx("span", { className: o.dot({ class: e == null ? void 0 : e.dot }) }) : i, [n, i, o, e]), g = f.useMemo(() => u ? /* @__PURE__ */ r.jsx("span", { ...d(), children: t ?? /* @__PURE__ */ r.jsx(z, {}) }) : t, [u, t, d]);
|
|
522
|
+
return /* @__PURE__ */ r.jsxs(s, { ...c(), children: [
|
|
523
|
+
p,
|
|
524
|
+
/* @__PURE__ */ r.jsx("span", { className: o.content({ class: e == null ? void 0 : e.content }), children: b }),
|
|
525
|
+
g
|
|
526
|
+
] });
|
|
527
|
+
});
|
|
528
|
+
B.displayName = "Custom.Chip";
|
|
529
|
+
export {
|
|
530
|
+
B as Chip,
|
|
531
|
+
y as useChip
|
|
532
|
+
};
|
|
533
|
+
//# sourceMappingURL=index.es.js.map
|