@lssm/lib.ui-kit 0.0.0-canary-20251217083314 → 0.0.0-canary-20251220002821
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/LICENSE +21 -0
- package/README.md +3 -0
- package/dist/-core/dist/utils.js +2 -1
- package/dist/-core/dist/utils.js.map +1 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -0
- package/dist/ui/accordion.d.ts +7 -6
- package/dist/ui/accordion.d.ts.map +1 -0
- package/dist/ui/accordion.js +2 -1
- package/dist/ui/accordion.js.map +1 -0
- package/dist/ui/alert-dialog.d.ts +13 -12
- package/dist/ui/alert-dialog.d.ts.map +1 -0
- package/dist/ui/alert-dialog.js +2 -1
- package/dist/ui/alert-dialog.js.map +1 -0
- package/dist/ui/alert.d.ts +8 -7
- package/dist/ui/alert.d.ts.map +1 -0
- package/dist/ui/alert.js +2 -1
- package/dist/ui/alert.js.map +1 -0
- package/dist/ui/aspect-ratio.d.ts +8 -7
- package/dist/ui/aspect-ratio.d.ts.map +1 -0
- package/dist/ui/aspect-ratio.js +2 -1
- package/dist/ui/aspect-ratio.js.map +1 -0
- package/dist/ui/atoms/FilterSelect/FilterSelect.d.ts +2 -1
- package/dist/ui/atoms/FilterSelect/FilterSelect.d.ts.map +1 -0
- package/dist/ui/atoms/FilterSelect/FilterSelect.js +2 -1
- package/dist/ui/atoms/FilterSelect/FilterSelect.js.map +1 -0
- package/dist/ui/atoms/FilterSelect/types.d.ts +2 -1
- package/dist/ui/atoms/FilterSelect/types.d.ts.map +1 -0
- package/dist/ui/atoms/LoadingSpinner/LoadingSpinner.d.ts +2 -1
- package/dist/ui/atoms/LoadingSpinner/LoadingSpinner.d.ts.map +1 -0
- package/dist/ui/atoms/LoadingSpinner/LoadingSpinner.js +2 -1
- package/dist/ui/atoms/LoadingSpinner/LoadingSpinner.js.map +1 -0
- package/dist/ui/atoms/Pagination/Pagination.d.ts +2 -1
- package/dist/ui/atoms/Pagination/Pagination.d.ts.map +1 -0
- package/dist/ui/atoms/Pagination/Pagination.js +2 -1
- package/dist/ui/atoms/Pagination/Pagination.js.map +1 -0
- package/dist/ui/atoms/Pagination/types.d.ts +2 -1
- package/dist/ui/atoms/Pagination/types.d.ts.map +1 -0
- package/dist/ui/atoms/SearchInput/SearchInput.d.ts +2 -1
- package/dist/ui/atoms/SearchInput/SearchInput.d.ts.map +1 -0
- package/dist/ui/atoms/SearchInput/SearchInput.js +2 -1
- package/dist/ui/atoms/SearchInput/SearchInput.js.map +1 -0
- package/dist/ui/atoms/SearchInput/types.d.ts +2 -1
- package/dist/ui/atoms/SearchInput/types.d.ts.map +1 -0
- package/dist/ui/avatar.d.ts +6 -5
- package/dist/ui/avatar.d.ts.map +1 -0
- package/dist/ui/avatar.js +2 -1
- package/dist/ui/avatar.js.map +1 -0
- package/dist/ui/badge.d.ts +7 -6
- package/dist/ui/badge.d.ts.map +1 -0
- package/dist/ui/badge.js +2 -1
- package/dist/ui/badge.js.map +1 -0
- package/dist/ui/breadcrumb.d.ts +10 -9
- package/dist/ui/breadcrumb.d.ts.map +1 -0
- package/dist/ui/breadcrumb.js +2 -2
- package/dist/ui/breadcrumb.js.map +1 -0
- package/dist/ui/button.d.ts +9 -8
- package/dist/ui/button.d.ts.map +1 -0
- package/dist/ui/button.js +2 -1
- package/dist/ui/button.js.map +1 -0
- package/dist/ui/card.d.ts +9 -8
- package/dist/ui/card.d.ts.map +1 -0
- package/dist/ui/card.js +2 -1
- package/dist/ui/card.js.map +1 -0
- package/dist/ui/carousel.d.ts +2 -1
- package/dist/ui/carousel.d.ts.map +1 -0
- package/dist/ui/carousel.js +2 -1
- package/dist/ui/carousel.js.map +1 -0
- package/dist/ui/checkbox.d.ts +5 -4
- package/dist/ui/checkbox.d.ts.map +1 -0
- package/dist/ui/checkbox.js +2 -1
- package/dist/ui/checkbox.js.map +1 -0
- package/dist/ui/collapsible.d.ts +9 -8
- package/dist/ui/collapsible.d.ts.map +1 -0
- package/dist/ui/collapsible.js +2 -1
- package/dist/ui/collapsible.js.map +1 -0
- package/dist/ui/command.d.ts +2 -1
- package/dist/ui/command.d.ts.map +1 -0
- package/dist/ui/command.js +2 -1
- package/dist/ui/command.js.map +1 -0
- package/dist/ui/context-menu.d.ts +18 -17
- package/dist/ui/context-menu.d.ts.map +1 -0
- package/dist/ui/context-menu.js +2 -1
- package/dist/ui/context-menu.js.map +1 -0
- package/dist/ui/date-picker.d.ts +4 -3
- package/dist/ui/date-picker.d.ts.map +1 -0
- package/dist/ui/date-picker.js +2 -1
- package/dist/ui/date-picker.js.map +1 -0
- package/dist/ui/date-range-picker.d.ts +4 -3
- package/dist/ui/date-range-picker.d.ts.map +1 -0
- package/dist/ui/date-range-picker.js +3 -2
- package/dist/ui/date-range-picker.js.map +1 -0
- package/dist/ui/datetime-picker.d.ts +4 -3
- package/dist/ui/datetime-picker.d.ts.map +1 -0
- package/dist/ui/datetime-picker.js +2 -1
- package/dist/ui/datetime-picker.js.map +1 -0
- package/dist/ui/dialog.d.ts +12 -11
- package/dist/ui/dialog.d.ts.map +1 -0
- package/dist/ui/dialog.js +2 -1
- package/dist/ui/dialog.js.map +1 -0
- package/dist/ui/dropdown-menu.d.ts +18 -17
- package/dist/ui/dropdown-menu.d.ts.map +1 -0
- package/dist/ui/dropdown-menu.js +2 -1
- package/dist/ui/dropdown-menu.js.map +1 -0
- package/dist/ui/empty-state.d.ts +6 -5
- package/dist/ui/empty-state.d.ts.map +1 -0
- package/dist/ui/empty-state.js +2 -1
- package/dist/ui/empty-state.js.map +1 -0
- package/dist/ui/empty.d.ts +11 -10
- package/dist/ui/empty.d.ts.map +1 -0
- package/dist/ui/empty.js +2 -1
- package/dist/ui/empty.js.map +1 -0
- package/dist/ui/fab.d.ts +5 -4
- package/dist/ui/fab.d.ts.map +1 -0
- package/dist/ui/fab.js +2 -1
- package/dist/ui/fab.js.map +1 -0
- package/dist/ui/field.d.ts +15 -14
- package/dist/ui/field.d.ts.map +1 -0
- package/dist/ui/field.js +2 -1
- package/dist/ui/field.js.map +1 -0
- package/dist/ui/form.d.ts +9 -8
- package/dist/ui/form.d.ts.map +1 -0
- package/dist/ui/form.js +2 -1
- package/dist/ui/form.js.map +1 -0
- package/dist/ui/hover-card.d.ts +8 -7
- package/dist/ui/hover-card.d.ts.map +1 -0
- package/dist/ui/hover-card.js +2 -1
- package/dist/ui/hover-card.js.map +1 -0
- package/dist/ui/icons/Check.js +2 -1
- package/dist/ui/icons/Check.js.map +1 -0
- package/dist/ui/icons/ChevronDown.js +2 -1
- package/dist/ui/icons/ChevronDown.js.map +1 -0
- package/dist/ui/icons/ChevronRight.js +2 -1
- package/dist/ui/icons/ChevronRight.js.map +1 -0
- package/dist/ui/icons/ChevronUp.js +2 -1
- package/dist/ui/icons/ChevronUp.js.map +1 -0
- package/dist/ui/icons/CircleUser.js +2 -1
- package/dist/ui/icons/CircleUser.js.map +1 -0
- package/dist/ui/icons/Info.js +2 -1
- package/dist/ui/icons/Info.js.map +1 -0
- package/dist/ui/icons/Key.js +2 -1
- package/dist/ui/icons/Key.js.map +1 -0
- package/dist/ui/icons/MoonStar.js +2 -1
- package/dist/ui/icons/MoonStar.js.map +1 -0
- package/dist/ui/icons/Sun.js +2 -1
- package/dist/ui/icons/Sun.js.map +1 -0
- package/dist/ui/icons/X.js +2 -1
- package/dist/ui/icons/X.js.map +1 -0
- package/dist/ui/icons/iconWithClassName.d.ts +2 -1
- package/dist/ui/icons/iconWithClassName.d.ts.map +1 -0
- package/dist/ui/icons/iconWithClassName.js +2 -1
- package/dist/ui/icons/iconWithClassName.js.map +1 -0
- package/dist/ui/input.d.ts +4 -3
- package/dist/ui/input.d.ts.map +1 -0
- package/dist/ui/input.js +2 -1
- package/dist/ui/input.js.map +1 -0
- package/dist/ui/label.d.ts +4 -3
- package/dist/ui/label.d.ts.map +1 -0
- package/dist/ui/label.js +2 -1
- package/dist/ui/label.js.map +1 -0
- package/dist/ui/link.d.ts +4 -3
- package/dist/ui/link.d.ts.map +1 -0
- package/dist/ui/link.js +2 -1
- package/dist/ui/link.js.map +1 -0
- package/dist/ui/loading-button.d.ts +4 -3
- package/dist/ui/loading-button.d.ts.map +1 -0
- package/dist/ui/loading-button.js +2 -1
- package/dist/ui/loading-button.js.map +1 -0
- package/dist/ui/loading-overlay.d.ts +4 -3
- package/dist/ui/loading-overlay.d.ts.map +1 -0
- package/dist/ui/loading-overlay.js +2 -1
- package/dist/ui/loading-overlay.js.map +1 -0
- package/dist/ui/loading-screen.d.ts +4 -3
- package/dist/ui/loading-screen.d.ts.map +1 -0
- package/dist/ui/loading-screen.js +2 -1
- package/dist/ui/loading-screen.js.map +1 -0
- package/dist/ui/marketing/FeatureGrid.d.ts +4 -3
- package/dist/ui/marketing/FeatureGrid.d.ts.map +1 -0
- package/dist/ui/marketing/FeatureGrid.js +2 -1
- package/dist/ui/marketing/FeatureGrid.js.map +1 -0
- package/dist/ui/marketing/Hero.d.ts +4 -3
- package/dist/ui/marketing/Hero.d.ts.map +1 -0
- package/dist/ui/marketing/Hero.js +2 -1
- package/dist/ui/marketing/Hero.js.map +1 -0
- package/dist/ui/marketing/PricingTable.d.ts +4 -3
- package/dist/ui/marketing/PricingTable.d.ts.map +1 -0
- package/dist/ui/marketing/PricingTable.js +2 -1
- package/dist/ui/marketing/PricingTable.js.map +1 -0
- package/dist/ui/menubar.d.ts +19 -18
- package/dist/ui/menubar.d.ts.map +1 -0
- package/dist/ui/menubar.js +2 -1
- package/dist/ui/menubar.js.map +1 -0
- package/dist/ui/molecules/Autocomplete/index.d.ts +2 -1
- package/dist/ui/molecules/Autocomplete/index.d.ts.map +1 -0
- package/dist/ui/molecules/Autocomplete/index.js +2 -1
- package/dist/ui/molecules/Autocomplete/index.js.map +1 -0
- package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.d.ts +2 -1
- package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.d.ts.map +1 -0
- package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.js +2 -1
- package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.js.map +1 -0
- package/dist/ui/molecules/SearchAndFilter/types.d.ts +2 -1
- package/dist/ui/molecules/SearchAndFilter/types.d.ts.map +1 -0
- package/dist/ui/molecules/SkeletonList.d.ts +4 -3
- package/dist/ui/molecules/SkeletonList.d.ts.map +1 -0
- package/dist/ui/molecules/SkeletonList.js +2 -1
- package/dist/ui/molecules/SkeletonList.js.map +1 -0
- package/dist/ui/navigation-menu.d.ts +14 -13
- package/dist/ui/navigation-menu.d.ts.map +1 -0
- package/dist/ui/navigation-menu.js +2 -1
- package/dist/ui/navigation-menu.js.map +1 -0
- package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.d.ts +4 -3
- package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.d.ts.map +1 -0
- package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.js +2 -1
- package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.js.map +1 -0
- package/dist/ui/organisms/ListPage/ListPage.d.ts +4 -3
- package/dist/ui/organisms/ListPage/ListPage.d.ts.map +1 -0
- package/dist/ui/organisms/ListPage/ListPage.js +2 -1
- package/dist/ui/organisms/ListPage/ListPage.js.map +1 -0
- package/dist/ui/organisms/ListPage/types.d.ts +2 -1
- package/dist/ui/organisms/ListPage/types.d.ts.map +1 -0
- package/dist/ui/page-header.d.ts +6 -5
- package/dist/ui/page-header.d.ts.map +1 -0
- package/dist/ui/page-header.js +2 -1
- package/dist/ui/page-header.js.map +1 -0
- package/dist/ui/password-strength.d.ts +4 -3
- package/dist/ui/password-strength.d.ts.map +1 -0
- package/dist/ui/password-strength.js +2 -1
- package/dist/ui/password-strength.js.map +1 -0
- package/dist/ui/popover.d.ts +10 -9
- package/dist/ui/popover.d.ts.map +1 -0
- package/dist/ui/popover.js +2 -1
- package/dist/ui/popover.js.map +1 -0
- package/dist/ui/progress.d.ts +4 -3
- package/dist/ui/progress.d.ts.map +1 -0
- package/dist/ui/progress.js +2 -1
- package/dist/ui/progress.js.map +1 -0
- package/dist/ui/radio-group.d.ts +5 -4
- package/dist/ui/radio-group.d.ts.map +1 -0
- package/dist/ui/radio-group.js +2 -1
- package/dist/ui/radio-group.js.map +1 -0
- package/dist/ui/select.d.ts +15 -14
- package/dist/ui/select.d.ts.map +1 -0
- package/dist/ui/select.js +2 -1
- package/dist/ui/select.js.map +1 -0
- package/dist/ui/separator.d.ts +4 -3
- package/dist/ui/separator.d.ts.map +1 -0
- package/dist/ui/separator.js +2 -1
- package/dist/ui/separator.js.map +1 -0
- package/dist/ui/sheet.d.ts +2 -1
- package/dist/ui/sheet.d.ts.map +1 -0
- package/dist/ui/sheet.js +2 -1
- package/dist/ui/sheet.js.map +1 -0
- package/dist/ui/sidebar.d.ts +2 -1
- package/dist/ui/sidebar.d.ts.map +1 -0
- package/dist/ui/sidebar.js +2 -1
- package/dist/ui/sidebar.js.map +1 -0
- package/dist/ui/skeleton.d.ts +4 -3
- package/dist/ui/skeleton.d.ts.map +1 -0
- package/dist/ui/skeleton.js +2 -1
- package/dist/ui/skeleton.js.map +1 -0
- package/dist/ui/stack.d.ts +19 -18
- package/dist/ui/stack.d.ts.map +1 -0
- package/dist/ui/stack.js +2 -1
- package/dist/ui/stack.js.map +1 -0
- package/dist/ui/stepper.d.ts +6 -5
- package/dist/ui/stepper.d.ts.map +1 -0
- package/dist/ui/stepper.js +2 -1
- package/dist/ui/stepper.js.map +1 -0
- package/dist/ui/switch.d.ts +4 -3
- package/dist/ui/switch.d.ts.map +1 -0
- package/dist/ui/switch.js +2 -1
- package/dist/ui/switch.js.map +1 -0
- package/dist/ui/table.d.ts +10 -9
- package/dist/ui/table.d.ts.map +1 -0
- package/dist/ui/table.js +2 -1
- package/dist/ui/table.js.map +1 -0
- package/dist/ui/tabs.d.ts +13 -12
- package/dist/ui/tabs.d.ts.map +1 -0
- package/dist/ui/tabs.js +2 -1
- package/dist/ui/tabs.js.map +1 -0
- package/dist/ui/text.d.ts +4 -3
- package/dist/ui/text.d.ts.map +1 -0
- package/dist/ui/text.js +2 -1
- package/dist/ui/text.js.map +1 -0
- package/dist/ui/textarea.d.ts +2 -1
- package/dist/ui/textarea.d.ts.map +1 -0
- package/dist/ui/textarea.js +2 -1
- package/dist/ui/textarea.js.map +1 -0
- package/dist/ui/time-picker.d.ts +4 -3
- package/dist/ui/time-picker.d.ts.map +1 -0
- package/dist/ui/time-picker.js +2 -1
- package/dist/ui/time-picker.js.map +1 -0
- package/dist/ui/toggle-group.d.ts +6 -5
- package/dist/ui/toggle-group.d.ts.map +1 -0
- package/dist/ui/toggle-group.js +2 -1
- package/dist/ui/toggle-group.js.map +1 -0
- package/dist/ui/toggle.d.ts +8 -7
- package/dist/ui/toggle.d.ts.map +1 -0
- package/dist/ui/toggle.js +2 -1
- package/dist/ui/toggle.js.map +1 -0
- package/dist/ui/tooltip.d.ts +8 -7
- package/dist/ui/tooltip.d.ts.map +1 -0
- package/dist/ui/tooltip.js +2 -1
- package/dist/ui/tooltip.js.map +1 -0
- package/dist/ui/typography.d.ts +14 -13
- package/dist/ui/typography.d.ts.map +1 -0
- package/dist/ui/typography.js +2 -1
- package/dist/ui/typography.js.map +1 -0
- package/dist/ui/useColorScheme.d.ts +4 -3
- package/dist/ui/useColorScheme.d.ts.map +1 -0
- package/dist/ui/useColorScheme.js +2 -1
- package/dist/ui/useColorScheme.js.map +1 -0
- package/dist/ui/useListState.d.ts +2 -1
- package/dist/ui/useListState.d.ts.map +1 -0
- package/dist/ui/useListState.js +2 -1
- package/dist/ui/useListState.js.map +1 -0
- package/dist/ui/usecases/UseCaseCard.d.ts +4 -3
- package/dist/ui/usecases/UseCaseCard.d.ts.map +1 -0
- package/dist/ui/usecases/UseCaseCard.js +2 -1
- package/dist/ui/usecases/UseCaseCard.js.map +1 -0
- package/dist/ui/usecases/UserStoryCard.d.ts +4 -3
- package/dist/ui/usecases/UserStoryCard.d.ts.map +1 -0
- package/dist/ui/usecases/UserStoryCard.js +2 -1
- package/dist/ui/usecases/UserStoryCard.js.map +1 -0
- package/dist/ui/utils.d.ts +2 -1
- package/dist/ui/utils.d.ts.map +1 -0
- package/dist/ui/utils.js +2 -1
- package/dist/ui/utils.js.map +1 -0
- package/package.json +15 -8
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime42 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region ui/datetime-picker.d.ts
|
|
4
4
|
interface DateTimePickerProps {
|
|
@@ -22,6 +22,7 @@ declare function DateTimePicker({
|
|
|
22
22
|
timePlaceholder,
|
|
23
23
|
is24Hour,
|
|
24
24
|
className
|
|
25
|
-
}: DateTimePickerProps):
|
|
25
|
+
}: DateTimePickerProps): react_jsx_runtime42.JSX.Element;
|
|
26
26
|
//#endregion
|
|
27
|
-
export { DateTimePicker, DateTimePickerProps };
|
|
27
|
+
export { DateTimePicker, DateTimePickerProps };
|
|
28
|
+
//# sourceMappingURL=datetime-picker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datetime-picker.d.ts","names":[],"sources":["../../ui/datetime-picker.tsx"],"sourcesContent":[],"mappings":";;;UAKiB,mBAAA;SACR;mBACU;EAFF,QAAA,CAAA,EAAA,OAAA;EACR,OAAA,CAAA,EAGG,IAHH;EACU,OAAA,CAAA,EAGP,IAHO;EAEP,eAAA,CAAA,EAAA,MAAA;EACA,eAAA,CAAA,EAAA,MAAA;EAAI,QAAA,CAAA,EAAA,OAAA;EAOA,SAAA,CAAA,EAAA,MAAc;;AAE5B,iBAFc,cAAA,CAEd;EAAA,KAAA;EAAA,QAAA;EAAA,QAAA;EAAA,OAAA;EAAA,OAAA;EAAA,eAAA;EAAA,eAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAQC,mBARD,CAAA,EAQoB,mBAAA,CAAA,GAAA,CAAA,OARpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datetime-picker.js","names":[],"sources":["../../ui/datetime-picker.tsx"],"sourcesContent":["import React from 'react';\nimport { HStack } from './stack';\nimport { DatePicker } from './date-picker';\nimport { TimePicker } from './time-picker';\n\nexport interface DateTimePickerProps {\n value: Date | null;\n onChange: (date: Date | null) => void;\n disabled?: boolean;\n minDate?: Date;\n maxDate?: Date;\n datePlaceholder?: string;\n timePlaceholder?: string;\n is24Hour?: boolean;\n className?: string;\n}\n\nexport function DateTimePicker({\n value,\n onChange,\n disabled,\n minDate,\n maxDate,\n datePlaceholder,\n timePlaceholder,\n is24Hour,\n className,\n}: DateTimePickerProps) {\n const handleDateChange = (d: Date | null) => {\n if (!d) return;\n const next = new Date(d);\n if (value) {\n next.setHours(value.getHours(), value.getMinutes(), 0, 0);\n }\n onChange(next);\n };\n\n const handleTimeChange = (t: Date | null) => {\n if (!t) return;\n const next = new Date(value ?? new Date());\n next.setHours(t.getHours(), t.getMinutes(), 0, 0);\n onChange(next);\n };\n\n return (\n <HStack className={className} gap=\"sm\">\n <DatePicker\n value={value}\n onChange={handleDateChange}\n disabled={disabled}\n minDate={minDate}\n maxDate={maxDate}\n placeholder={datePlaceholder}\n className=\"flex-1\"\n />\n <TimePicker\n value={value}\n onChange={handleTimeChange}\n disabled={disabled}\n is24Hour={is24Hour}\n placeholder={timePlaceholder}\n className=\"flex-1\"\n />\n </HStack>\n );\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,eAAe,EAC7B,OACA,UACA,UACA,SACA,SACA,iBACA,iBACA,UACA,aACsB;CACtB,MAAM,oBAAoB,MAAmB;AAC3C,MAAI,CAAC,EAAG;EACR,MAAM,OAAO,IAAI,KAAK,EAAE;AACxB,MAAI,MACF,MAAK,SAAS,MAAM,UAAU,EAAE,MAAM,YAAY,EAAE,GAAG,EAAE;AAE3D,WAAS,KAAK;;CAGhB,MAAM,oBAAoB,MAAmB;AAC3C,MAAI,CAAC,EAAG;EACR,MAAM,OAAO,IAAI,KAAK,yBAAS,IAAI,MAAM,CAAC;AAC1C,OAAK,SAAS,EAAE,UAAU,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE;AACjD,WAAS,KAAK;;AAGhB,QACE,qBAAC;EAAkB;EAAW,KAAI;aAChC,oBAAC;GACQ;GACP,UAAU;GACA;GACD;GACA;GACT,aAAa;GACb,WAAU;IACV,EACF,oBAAC;GACQ;GACP,UAAU;GACA;GACA;GACV,aAAa;GACb,WAAU;IACV;GACK"}
|
package/dist/ui/dialog.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_native32 from "react-native";
|
|
3
3
|
import { View, ViewProps } from "react-native";
|
|
4
|
-
import * as
|
|
4
|
+
import * as react_jsx_runtime43 from "react/jsx-runtime";
|
|
5
5
|
import * as DialogPrimitive from "@rn-primitives/dialog";
|
|
6
6
|
|
|
7
7
|
//#region ui/dialog.d.ts
|
|
@@ -12,14 +12,14 @@ declare const Dialog: React$1.ForwardRefExoticComponent<ViewProps & {
|
|
|
12
12
|
defaultOpen?: boolean;
|
|
13
13
|
onOpenChange?: (value: boolean) => void;
|
|
14
14
|
} & React$1.RefAttributes<View>>;
|
|
15
|
-
declare const DialogTrigger: React$1.ForwardRefExoticComponent<Omit<
|
|
15
|
+
declare const DialogTrigger: React$1.ForwardRefExoticComponent<Omit<react_native32.PressableProps & React$1.RefAttributes<View>, "ref"> & {
|
|
16
16
|
asChild?: boolean;
|
|
17
17
|
} & {
|
|
18
18
|
onKeyDown?: (ev: React$1.KeyboardEvent) => void;
|
|
19
19
|
onKeyUp?: (ev: React$1.KeyboardEvent) => void;
|
|
20
20
|
} & React$1.RefAttributes<View>>;
|
|
21
21
|
declare const DialogPortal: typeof DialogPrimitive.Portal;
|
|
22
|
-
declare const DialogClose: React$1.ForwardRefExoticComponent<Omit<
|
|
22
|
+
declare const DialogClose: React$1.ForwardRefExoticComponent<Omit<react_native32.PressableProps & React$1.RefAttributes<View>, "ref"> & {
|
|
23
23
|
asChild?: boolean;
|
|
24
24
|
} & {
|
|
25
25
|
onKeyDown?: (ev: React$1.KeyboardEvent) => void;
|
|
@@ -32,7 +32,7 @@ declare function DialogOverlayNative({
|
|
|
32
32
|
}: DialogPrimitive.OverlayProps & {
|
|
33
33
|
ref?: React$1.RefObject<DialogPrimitive.OverlayRef>;
|
|
34
34
|
children?: React$1.ReactNode;
|
|
35
|
-
}):
|
|
35
|
+
}): react_jsx_runtime43.JSX.Element;
|
|
36
36
|
declare const DialogOverlay: typeof DialogOverlayNative;
|
|
37
37
|
declare function DialogContent({
|
|
38
38
|
className,
|
|
@@ -43,26 +43,27 @@ declare function DialogContent({
|
|
|
43
43
|
ref?: React$1.RefObject<DialogPrimitive.ContentRef>;
|
|
44
44
|
className?: string;
|
|
45
45
|
portalHost?: string;
|
|
46
|
-
}):
|
|
46
|
+
}): react_jsx_runtime43.JSX.Element;
|
|
47
47
|
declare function DialogHeader({
|
|
48
48
|
className,
|
|
49
49
|
...props
|
|
50
|
-
}: ViewProps):
|
|
50
|
+
}: ViewProps): react_jsx_runtime43.JSX.Element;
|
|
51
51
|
declare function DialogFooter({
|
|
52
52
|
className,
|
|
53
53
|
...props
|
|
54
|
-
}: ViewProps):
|
|
54
|
+
}: ViewProps): react_jsx_runtime43.JSX.Element;
|
|
55
55
|
declare function DialogTitle({
|
|
56
56
|
className,
|
|
57
57
|
...props
|
|
58
58
|
}: DialogPrimitive.TitleProps & {
|
|
59
59
|
ref?: React$1.RefObject<DialogPrimitive.TitleRef>;
|
|
60
|
-
}):
|
|
60
|
+
}): react_jsx_runtime43.JSX.Element;
|
|
61
61
|
declare function DialogDescription({
|
|
62
62
|
className,
|
|
63
63
|
...props
|
|
64
64
|
}: DialogPrimitive.DescriptionProps & {
|
|
65
65
|
ref?: React$1.RefObject<DialogPrimitive.DescriptionRef>;
|
|
66
|
-
}):
|
|
66
|
+
}): react_jsx_runtime43.JSX.Element;
|
|
67
67
|
//#endregion
|
|
68
|
-
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
|
|
68
|
+
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
|
|
69
|
+
//# sourceMappingURL=dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","names":[],"sources":["../../ui/dialog.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOM,QAAM,OAAA,CAAA,0BAAA;;;;EAAN,WAA6B,CAAA,EAAA,OAAA;EAAvB,YAAA,CAAA,EAAA,CAAA,KAAA,EAAA,OAAA,EAAA,GAAA,IAAA;;cAEN,eAAa,OAAA,CAAA,0BAAA,KAA0B,cAAA,CAA1B,cAAA,GAAA,OAAA,CAAA,cAAA;EAFP,OAAA,CAAA,EAAA,OAAA;CAAA,GAAA;EAEN,SAAA,CAAA,EAAA,CAAA,EAAA,uBAAuC,EAAA,GAAA,IAAA;EAAA,OAAA,CAAA,EAAA,CAAA,EAA1B,uBAAA,EAAA,GAAA,IAAA;CAAA,wBAAA,KAAA,CAAA,CAAA;cAEb,YAFa,EAAA,OAED,eAAA,CAAA,MAFC;cAIb,WAJa,EAIF,OAAA,CAAA,yBAJE,CAIF,IAJE,CAIsB,cAAA,CAAxB,cAAA,GAAA,OAAA,CAAA,aAJE,CAIF,IAJE,CAAA,EAAA,KAAA,CAAA,GAAA;;;;;CAAA,wBAAA,KAAA,CAAA,CAAA;iBA2BV,mBAAA,CA3BU;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EA+BhB,eAAA,CAAgB,YA/BA,GAAA;EAEb,GAAA,CAAA,EA8BE,OAAA,CAAM,SA9B6B,CA8BnB,eAAA,CAAgB,UA9BtB,CAAA;EAEZ,QAAA,CAAA,EA6BO,OAAA,CAAM,SA7BsB;CAAA,CAAA,EA8BxC,mBAAA,CAAA,GAAA,CAAA,OA9BgB;cAkDX,aAlDW,EAAA,OAkDE,mBAlDF;iBAuDR,aAAA,CAvDQ;EAAA,SAAA;EAAA,QAAA;EAAA,UAAA;EAAA,GAAA;CAAA,EA4Dd,eAAA,CAAgB,YA5DF,GAAA;EAAA,GAAA,CAAA,EA6DT,OAAA,CAAM,SA7DG,CA6DO,eAAA,CAAgB,UA7DvB,CAAA;;;IAgEhB,mBAAA,CAAA,GAAA,CAAA;iBAmCQ,YAAA;;;GAAsC,YAAS,mBAAA,CAAA,GAAA,CAAA;iBAY/C,YAAA,CA/GQ;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+G8B,SA/G9B,CAAA,EA+GuC,mBAAA,CAAA,GAAA,CAAA,OA/GvC;iBA2HR,WAAA,CA3HQ;EAAA,SAAA;EAAA,GAAA;CAAA,EA8Hd,eAAA,CAAgB,UA9HF,GAAA;EAuBR,GAAA,CAAA,EAwGD,OAAA,CAAM,SAxGL,CAwGe,eAAA,CAAgB,QAxGZ,CAAA;CAC1B,CAAA,EAwGD,mBAAA,CAAA,GAAA,CAAA,OAxGC;iBAoHO,iBAAA,CAnHP;EAAA,SAAA;EAAA,GAAA;CAAA,EAsHC,eAAA,CAAgB,gBAtHjB,GAAA;EAEC,GAAA,CAAA,EAqHK,OAAA,CAAM,SArHK,CAqHK,eAAA,CAAgB,cArHrB,CAAA;CACK,CAAA,EAqHvB,mBAAA,CAAA,GAAA,CAAA,OArHuC"}
|
package/dist/ui/dialog.js
CHANGED
|
@@ -77,4 +77,5 @@ function DialogDescription({ className, ...props }) {
|
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
//#endregion
|
|
80
|
-
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
|
|
80
|
+
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
|
|
81
|
+
//# sourceMappingURL=dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog.js","names":[],"sources":["../../ui/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from '@rn-primitives/dialog';\nimport * as React from 'react';\nimport { Platform, StyleSheet, View, type ViewProps } from 'react-native';\nimport Animated, { FadeIn, FadeOut } from 'react-native-reanimated';\nimport { X } from './icons/X';\nimport { cn } from '@lssm/lib.ui-kit-core/utils';\n\nconst Dialog = DialogPrimitive.Root;\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = DialogPrimitive.Portal;\n\nconst DialogClose = DialogPrimitive.Close;\n\nfunction DialogOverlayWeb({\n className,\n ...props\n}: DialogPrimitive.OverlayProps & {\n ref?: React.RefObject<DialogPrimitive.OverlayRef>;\n}) {\n const { open } = DialogPrimitive.useRootContext();\n return (\n <DialogPrimitive.Overlay\n className={cn(\n 'absolute top-0 right-0 bottom-0 left-0 flex items-center justify-center bg-black/80 p-2',\n open\n ? 'web:animate-in web:fade-in-0'\n : 'web:animate-out web:fade-out-0',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction DialogOverlayNative({\n className,\n children,\n ...props\n}: DialogPrimitive.OverlayProps & {\n ref?: React.RefObject<DialogPrimitive.OverlayRef>;\n children?: React.ReactNode;\n}) {\n return (\n <DialogPrimitive.Overlay\n style={StyleSheet.absoluteFill}\n className={cn(\n 'flex items-center justify-center bg-black/80 p-2',\n className\n )}\n {...props}\n >\n <Animated.View\n entering={FadeIn.duration(150)}\n exiting={FadeOut.duration(150)}\n >\n {children}\n </Animated.View>\n </DialogPrimitive.Overlay>\n );\n}\n\nconst DialogOverlay = Platform.select({\n web: DialogOverlayWeb,\n default: DialogOverlayNative,\n});\n\nfunction DialogContent({\n className,\n children,\n portalHost,\n ...props\n}: DialogPrimitive.ContentProps & {\n ref?: React.RefObject<DialogPrimitive.ContentRef>;\n className?: string;\n portalHost?: string;\n}) {\n const { open } = DialogPrimitive.useRootContext();\n return (\n <DialogPortal hostName={portalHost}>\n <DialogOverlay>\n <DialogPrimitive.Content\n className={cn(\n 'border-border bg-background web:cursor-default web:duration-200 max-w-lg gap-4 rounded-lg border p-6 shadow-lg',\n open\n ? 'web:animate-in web:fade-in-0 web:zoom-in-95'\n : 'web:animate-out web:fade-out-0 web:zoom-out-95',\n className\n )}\n {...props}\n >\n {children}\n <DialogPrimitive.Close\n className={\n 'web:group web:ring-offset-background web:transition-opacity web:hover:opacity-100 web:focus:outline-hidden web:focus:ring-2 web:focus:ring-ring web:focus:ring-offset-2 web:disabled:pointer-events-none absolute top-4 right-4 rounded-xs p-0.5 opacity-70'\n }\n >\n <X\n size={Platform.OS === 'web' ? 16 : 18}\n className={cn(\n 'text-muted-foreground',\n open && 'text-accent-foreground'\n )}\n />\n </DialogPrimitive.Close>\n </DialogPrimitive.Content>\n </DialogOverlay>\n </DialogPortal>\n );\n}\n\nfunction DialogHeader({ className, ...props }: ViewProps) {\n return (\n <View\n className={cn(\n 'flex flex-col gap-1.5 text-center sm:text-left',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction DialogFooter({ className, ...props }: ViewProps) {\n return (\n <View\n className={cn(\n 'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction DialogTitle({\n className,\n ...props\n}: DialogPrimitive.TitleProps & {\n ref?: React.RefObject<DialogPrimitive.TitleRef>;\n}) {\n return (\n <DialogPrimitive.Title\n className={cn(\n 'native:text-xl text-foreground text-lg leading-none font-semibold tracking-tight',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction DialogDescription({\n className,\n ...props\n}: DialogPrimitive.DescriptionProps & {\n ref?: React.RefObject<DialogPrimitive.DescriptionRef>;\n}) {\n return (\n <DialogPrimitive.Description\n className={cn(\n 'native:text-base text-muted-foreground text-sm',\n className\n )}\n {...props}\n />\n );\n}\n\nexport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n};\n"],"mappings":";;;;;;;;;AAOA,MAAM,SAAS,gBAAgB;AAE/B,MAAM,gBAAgB,gBAAgB;AAEtC,MAAM,eAAe,gBAAgB;AAErC,MAAM,cAAc,gBAAgB;AAEpC,SAAS,iBAAiB,EACxB,WACA,GAAG,SAGF;CACD,MAAM,EAAE,SAAS,gBAAgB,gBAAgB;AACjD,QACE,oBAAC,gBAAgB;EACf,WAAW,GACT,2FACA,OACI,iCACA,kCACJ,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,oBAAoB,EAC3B,WACA,UACA,GAAG,SAIF;AACD,QACE,oBAAC,gBAAgB;EACf,OAAO,WAAW;EAClB,WAAW,GACT,oDACA,UACD;EACD,GAAI;YAEJ,oBAAC,SAAS;GACR,UAAU,OAAO,SAAS,IAAI;GAC9B,SAAS,QAAQ,SAAS,IAAI;GAE7B;IACa;GACQ;;AAI9B,MAAM,gBAAgB,SAAS,OAAO;CACpC,KAAK;CACL,SAAS;CACV,CAAC;AAEF,SAAS,cAAc,EACrB,WACA,UACA,YACA,GAAG,SAKF;CACD,MAAM,EAAE,SAAS,gBAAgB,gBAAgB;AACjD,QACE,oBAAC;EAAa,UAAU;YACtB,oBAAC,2BACC,qBAAC,gBAAgB;GACf,WAAW,GACT,kHACA,OACI,gDACA,kDACJ,UACD;GACD,GAAI;cAEH,UACD,oBAAC,gBAAgB;IACf,WACE;cAGF,oBAAC;KACC,MAAM,SAAS,OAAO,QAAQ,KAAK;KACnC,WAAW,GACT,yBACA,QAAQ,yBACT;MACD;KACoB;IACA,GACZ;GACH;;AAInB,SAAS,aAAa,EAAE,WAAW,GAAG,SAAoB;AACxD,QACE,oBAAC;EACC,WAAW,GACT,kDACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAoB;AACxD,QACE,oBAAC;EACC,WAAW,GACT,0DACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,GAAG,SAGF;AACD,QACE,oBAAC,gBAAgB;EACf,WAAW,GACT,oFACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SAGF;AACD,QACE,oBAAC,gBAAgB;EACf,WAAW,GACT,kDACA,UACD;EACD,GAAI;GACJ"}
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_native34 from "react-native";
|
|
3
3
|
import { StyleProp, TextProps, View, ViewStyle } from "react-native";
|
|
4
|
-
import * as
|
|
4
|
+
import * as react_jsx_runtime49 from "react/jsx-runtime";
|
|
5
5
|
import * as _rn_primitives_dropdown_menu0 from "@rn-primitives/dropdown-menu";
|
|
6
6
|
|
|
7
7
|
//#region ui/dropdown-menu.d.ts
|
|
8
|
-
declare const DropdownMenu: React$1.ForwardRefExoticComponent<
|
|
8
|
+
declare const DropdownMenu: React$1.ForwardRefExoticComponent<react_native34.ViewProps & {
|
|
9
9
|
asChild?: boolean;
|
|
10
10
|
} & {
|
|
11
11
|
onOpenChange?: (open: boolean) => void;
|
|
12
12
|
} & React$1.RefAttributes<View>>;
|
|
13
|
-
declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<Omit<
|
|
13
|
+
declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<Omit<react_native34.PressableProps & React$1.RefAttributes<View>, "ref"> & {
|
|
14
14
|
asChild?: boolean;
|
|
15
15
|
} & {
|
|
16
16
|
onKeyDown?: (ev: React$1.KeyboardEvent) => void;
|
|
17
17
|
onKeyUp?: (ev: React$1.KeyboardEvent) => void;
|
|
18
18
|
} & React$1.RefAttributes<_rn_primitives_dropdown_menu0.TriggerRef>>;
|
|
19
|
-
declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<
|
|
19
|
+
declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<react_native34.ViewProps & {
|
|
20
20
|
asChild?: boolean;
|
|
21
21
|
} & React$1.RefAttributes<View>>;
|
|
22
22
|
declare const DropdownMenuPortal: typeof _rn_primitives_dropdown_menu0.Portal;
|
|
23
|
-
declare const DropdownMenuSub: React$1.ForwardRefExoticComponent<
|
|
23
|
+
declare const DropdownMenuSub: React$1.ForwardRefExoticComponent<react_native34.ViewProps & {
|
|
24
24
|
asChild?: boolean;
|
|
25
25
|
} & {
|
|
26
26
|
defaultOpen?: boolean;
|
|
27
27
|
open?: boolean;
|
|
28
28
|
onOpenChange?: (value: boolean) => void;
|
|
29
29
|
} & React$1.RefAttributes<View>>;
|
|
30
|
-
declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<
|
|
30
|
+
declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<react_native34.ViewProps & {
|
|
31
31
|
asChild?: boolean;
|
|
32
32
|
} & {
|
|
33
33
|
value: string | undefined;
|
|
@@ -43,13 +43,13 @@ declare function DropdownMenuSubTrigger({
|
|
|
43
43
|
className?: string;
|
|
44
44
|
inset?: boolean;
|
|
45
45
|
children?: React$1.ReactNode;
|
|
46
|
-
}):
|
|
46
|
+
}): react_jsx_runtime49.JSX.Element;
|
|
47
47
|
declare function DropdownMenuSubContent({
|
|
48
48
|
className,
|
|
49
49
|
...props
|
|
50
50
|
}: _rn_primitives_dropdown_menu0.SubContentProps & {
|
|
51
51
|
ref?: React$1.RefObject<_rn_primitives_dropdown_menu0.SubContentRef>;
|
|
52
|
-
}):
|
|
52
|
+
}): react_jsx_runtime49.JSX.Element;
|
|
53
53
|
declare function DropdownMenuContent({
|
|
54
54
|
className,
|
|
55
55
|
overlayClassName,
|
|
@@ -61,7 +61,7 @@ declare function DropdownMenuContent({
|
|
|
61
61
|
overlayStyle?: StyleProp<ViewStyle>;
|
|
62
62
|
overlayClassName?: string;
|
|
63
63
|
portalHost?: string;
|
|
64
|
-
}):
|
|
64
|
+
}): react_jsx_runtime49.JSX.Element;
|
|
65
65
|
declare function DropdownMenuItem({
|
|
66
66
|
className,
|
|
67
67
|
inset,
|
|
@@ -70,7 +70,7 @@ declare function DropdownMenuItem({
|
|
|
70
70
|
ref?: React$1.RefObject<_rn_primitives_dropdown_menu0.ItemRef>;
|
|
71
71
|
className?: string;
|
|
72
72
|
inset?: boolean;
|
|
73
|
-
}):
|
|
73
|
+
}): react_jsx_runtime49.JSX.Element;
|
|
74
74
|
declare function DropdownMenuCheckboxItem({
|
|
75
75
|
className,
|
|
76
76
|
children,
|
|
@@ -79,7 +79,7 @@ declare function DropdownMenuCheckboxItem({
|
|
|
79
79
|
}: _rn_primitives_dropdown_menu0.CheckboxItemProps & {
|
|
80
80
|
ref?: React$1.RefObject<_rn_primitives_dropdown_menu0.CheckboxItemRef>;
|
|
81
81
|
children?: React$1.ReactNode;
|
|
82
|
-
}):
|
|
82
|
+
}): react_jsx_runtime49.JSX.Element;
|
|
83
83
|
declare function DropdownMenuRadioItem({
|
|
84
84
|
className,
|
|
85
85
|
children,
|
|
@@ -87,7 +87,7 @@ declare function DropdownMenuRadioItem({
|
|
|
87
87
|
}: _rn_primitives_dropdown_menu0.RadioItemProps & {
|
|
88
88
|
ref?: React$1.RefObject<_rn_primitives_dropdown_menu0.RadioItemRef>;
|
|
89
89
|
children?: React$1.ReactNode;
|
|
90
|
-
}):
|
|
90
|
+
}): react_jsx_runtime49.JSX.Element;
|
|
91
91
|
declare function DropdownMenuLabel({
|
|
92
92
|
className,
|
|
93
93
|
inset,
|
|
@@ -96,16 +96,17 @@ declare function DropdownMenuLabel({
|
|
|
96
96
|
ref?: React$1.RefObject<_rn_primitives_dropdown_menu0.LabelRef>;
|
|
97
97
|
className?: string;
|
|
98
98
|
inset?: boolean;
|
|
99
|
-
}):
|
|
99
|
+
}): react_jsx_runtime49.JSX.Element;
|
|
100
100
|
declare function DropdownMenuSeparator({
|
|
101
101
|
className,
|
|
102
102
|
...props
|
|
103
103
|
}: _rn_primitives_dropdown_menu0.SeparatorProps & {
|
|
104
104
|
ref?: React$1.RefObject<_rn_primitives_dropdown_menu0.SeparatorRef>;
|
|
105
|
-
}):
|
|
105
|
+
}): react_jsx_runtime49.JSX.Element;
|
|
106
106
|
declare function DropdownMenuShortcut({
|
|
107
107
|
className,
|
|
108
108
|
...props
|
|
109
|
-
}: TextProps):
|
|
109
|
+
}: TextProps): react_jsx_runtime49.JSX.Element;
|
|
110
110
|
//#endregion
|
|
111
|
-
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
|
|
111
|
+
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
|
|
112
|
+
//# sourceMappingURL=dropdown-menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu.d.ts","names":[],"sources":["../../ui/dropdown-menu.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAkBM,cAAY,OAAA,CAAA,0BAA6B,cAAA,CAA7B,SAAA;;;;AARI,CAAA,wBAQyB,KAAA,CAAA,CAAA;cAEzC,mBAFY,EAEO,OAAA,CAAA,yBAFP,CAEO,IAFP,CAEuC,cAAA,CAAhC,cAAA,GAAA,OAAA,CAAA,aAFP,CAEO,IAFP,CAAA,EAAA,KAAA,CAAA,GAAA;;;EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,uBAAA,EAAA,GAAA,IAAA;EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,uBAAA,EAAA,GAAA,IAAA;AAAA,CAAA,wBAEZ,0CAAmD,CAAA;cAEnD,iBAFmB,EAEF,OAAA,CAAA,yBAFE,CAE4B,cAAA,CAA9B,SAAA,GAFE;EAAA,OAAA,CAAA,EAAA,OAAA;CAAA,wBAAA,KAAA,CAAA,CAAA;cAInB,kBAJmB,EAAA,OAID,6BAAA,CAAA,MAJC;cAMnB,iBAAe,OAAA,CAAA,0BAA4B,cAAA,CAA5B,SAAA;;;;EANI,IAAA,CAAA,EAAA,OAAA;EAAA,YAAA,CAAA,EAAA,CAAA,KAAA,EAAA,OAAA,EAAA,GAAA,IAAA;AAAA,CAAA,wBAEnB,KAA+C,CAAA,CAAA;cAM/C,sBANiB,EAMK,OAAA,CAAA,yBANL,CAMwC,cAAA,CAAnC,SAAA,GANL;;;EAAA,KAAA,EAAA,MAAA,GAAA,SAAA;EAAA,aAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;AAAA,CAAA,wBAEjB,KAAiD,CAAA,CAAA;AAAA,iBAM9C,sBAAA,CAJwC;EAAA,SAAA;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EAS9C,6BAAA,CAAsB,eATwB,GAAA;EAAA,GAAA,CAAA,EAUzC,OAAA,CAAM,SAVO,CAUG,6BAAA,CAAsB,aAVzB,CAAA;;;EAAA,QAAA,CAAA,EAaR,OAAA,CAAM,SAbE;CAAA,CAAA,EAcpB,mBAAA,CAAA,GAAA,CAAA,OAdoB;AAAA,iBAyCZ,sBAAA,CAvCsD;EAAA,SAAA;EAAA,GAAA;CAAA,EA0C5D,6BAAA,CAAsB,eA1CsC,GAAA;EAAA,GAAA,CAAA,EA2CvD,OAAA,CAAM,SA3Cc,CA2CJ,6BAAA,CAAsB,aA3ClB,CAAA;IA4C3B,mBAAA,CAAA,GAAA,CAAA;iBAgBQ,mBAAA;;;;;;GAMN,6BAAA,CAAsB;EAlEG,GAAA,CAAA,EAmEpB,OAAA,CAAM,SAnEc,CAmEJ,6BAAA,CAAsB,UAnElB,CAAA;EAAA,YAAA,CAAA,EAoEX,SApEW,CAoED,SApEC,CAAA;EAEnB,gBAAA,CAAA,EAAA,MAAsB;EAC7B,UAAA,CAAA,EAAA,MAAA;CACA,CAAA,EAmED,mBAAA,CAAA,GAAA,CAAA,OAnEC;iBAmGO,gBAAA,CAlGP;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;CAAA,EAsGC,6BAAA,CAAsB,SAtGvB,GAAA;EAEC,GAAA,CAAA,EAqGK,OAAA,CAAM,SArGX,CAqGqB,6BAAA,CAAsB,OArGrB,CAAA;EACD,SAAA,CAAA,EAAA,MAAA;EAAhB,KAAM,CAAA,EAAA,OAAA;CAGD,CAAA,EAoGZ,mBAAA,CAAA,GAAA,CAAA,OApGkB;iBAoHV,wBAAA,CAnHR;EAAA,SAAA;EAAA,QAAA;EAAA,OAAA;EAAA,GAAA;CAAA,EAwHE,6BAAA,CAAsB,iBAxHxB,GAAA;EAAA,GAAA,CAAA,EAyHO,OAAA,CAAM,SAzHb,CAyHuB,6BAAA,CAAsB,eAzH7C,CAAA;EA2BQ,QAAA,CAAA,EA+FI,OAAA,CAAM,SA/FY;CAC7B,CAAA,EA+FD,mBAAA,CAAA,GAAA,CAAA,OA/FC;iBAoHO,qBAAA,CAlHgB;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EAsHtB,6BAAA,CAAsB,cAtHA,GAAA;EACD,GAAA,CAAA,EAsHhB,OAAA,CAAM,SAtHU,CAsHA,6BAAA,CAAsB,YAtHA,CAAA;EAAtC,QAAM,CAAA,EAuHD,OAAA,CAAM,SAvHL;CACb,CAAA,EAuHA,mBAAA,CAAA,GAAA,CAAA,OAvHA;iBA2IQ,iBAAA,CA3IR;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;CAAA,EA+IE,6BAAA,CAAsB,UA/IxB,GAAA;EAgBQ,GAAA,CAAA,EAgID,OAAA,CAAM,SAhIL,CAgIe,6BAAA,CAAsB,QAhIlB,CAAA;EAC1B,SAAA,CAAA,EAAA,MAAA;EACA,KAAA,CAAA,EAAA,OAAA;CACA,CAAA,EAgID,mBAAA,CAAA,GAAA,CAAA,OAhIC;iBA6IO,qBAAA,CA5IP;EAAA,SAAA;EAAA,GAAA;CAAA,EA+IC,6BAAA,CAAsB,cA/IvB,GAAA;EAEC,GAAA,CAAA,EA8IK,OAAA,CAAM,SA9IX,CA8IqB,6BAAA,CAAsB,YA9IrB,CAAA;CACD,CAAA,EA8IvB,mBAAA,CAAA,GAAA,CAAA,OA9I6C;iBAuJrC,oBAAA,CAvJK;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuJyC,SAvJzC,CAAA,EAuJkD,mBAAA,CAAA,GAAA,CAAA,OAvJlD"}
|
package/dist/ui/dropdown-menu.js
CHANGED
|
@@ -106,4 +106,5 @@ function DropdownMenuShortcut({ className, ...props }) {
|
|
|
106
106
|
}
|
|
107
107
|
|
|
108
108
|
//#endregion
|
|
109
|
-
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
|
|
109
|
+
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
|
|
110
|
+
//# sourceMappingURL=dropdown-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu.js","names":[],"sources":["../../ui/dropdown-menu.tsx"],"sourcesContent":["import * as DropdownMenuPrimitive from '@rn-primitives/dropdown-menu';\nimport * as React from 'react';\nimport {\n Platform,\n type StyleProp,\n StyleSheet,\n Text,\n type TextProps,\n View,\n type ViewStyle,\n} from 'react-native';\nimport { Check } from './icons/Check';\nimport { ChevronDown } from './icons/ChevronDown';\nimport { ChevronRight } from './icons/ChevronRight';\nimport { ChevronUp } from './icons/ChevronUp';\nimport { cn } from '@lssm/lib.ui-kit-core/utils';\nimport { TextClassContext } from './text';\n\nconst DropdownMenu = DropdownMenuPrimitive.Root;\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group;\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal;\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub;\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: DropdownMenuPrimitive.SubTriggerProps & {\n ref?: React.RefObject<DropdownMenuPrimitive.SubTriggerRef>;\n className?: string;\n inset?: boolean;\n children?: React.ReactNode;\n}) {\n const { open } = DropdownMenuPrimitive.useSubContext();\n const Icon =\n Platform.OS === 'web' ? ChevronRight : open ? ChevronUp : ChevronDown;\n return (\n <TextClassContext.Provider\n value={cn(\n 'native:text-lg text-primary text-sm select-none',\n open && 'native:text-accent-foreground'\n )}\n >\n <DropdownMenuPrimitive.SubTrigger\n className={cn(\n 'native:py-2 active:bg-accent web:cursor-default web:select-none web:outline-hidden web:hover:bg-accent web:focus:bg-accent flex flex-row items-center gap-2 rounded-xs px-2 py-1.5',\n open && 'bg-accent',\n inset && 'pl-8',\n className\n )}\n {...props}\n >\n {children}\n <Icon size={18} className=\"text-foreground ml-auto\" />\n </DropdownMenuPrimitive.SubTrigger>\n </TextClassContext.Provider>\n );\n}\n\nfunction DropdownMenuSubContent({\n className,\n ...props\n}: DropdownMenuPrimitive.SubContentProps & {\n ref?: React.RefObject<DropdownMenuPrimitive.SubContentRef>;\n}) {\n const { open } = DropdownMenuPrimitive.useSubContext();\n return (\n <DropdownMenuPrimitive.SubContent\n className={cn(\n 'border-border bg-popover shadow-foreground/5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 mt-1 min-w-32 overflow-hidden rounded-md border p-1 shadow-md',\n open\n ? 'web:animate-in web:fade-in-0 web:zoom-in-95'\n : 'web:animate-out web:fade-out-0 web:zoom-out',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuContent({\n className,\n overlayClassName,\n overlayStyle,\n portalHost,\n ...props\n}: DropdownMenuPrimitive.ContentProps & {\n ref?: React.RefObject<DropdownMenuPrimitive.ContentRef>;\n overlayStyle?: StyleProp<ViewStyle>;\n overlayClassName?: string;\n portalHost?: string;\n}) {\n const { open } = DropdownMenuPrimitive.useRootContext();\n return (\n <DropdownMenuPrimitive.Portal hostName={portalHost}>\n <DropdownMenuPrimitive.Overlay\n style={\n overlayStyle\n ? StyleSheet.flatten([\n Platform.OS !== 'web' ? StyleSheet.absoluteFill : undefined,\n overlayStyle as typeof StyleSheet.absoluteFill,\n ])\n : Platform.OS !== 'web'\n ? StyleSheet.absoluteFill\n : undefined\n }\n className={overlayClassName}\n >\n <DropdownMenuPrimitive.Content\n className={cn(\n 'border-border bg-popover shadow-foreground/5 web:data-[side=bottom]:slide-in-from-top-2 web:data-[side=left]:slide-in-from-right-2 web:data-[side=right]:slide-in-from-left-2 web:data-[side=top]:slide-in-from-bottom-2 z-50 min-w-32 overflow-hidden rounded-md border p-1 shadow-md',\n open\n ? 'web:animate-in web:fade-in-0 web:zoom-in-95'\n : 'web:animate-out web:fade-out-0 web:zoom-out-95',\n className\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Overlay>\n </DropdownMenuPrimitive.Portal>\n );\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n ...props\n}: DropdownMenuPrimitive.ItemProps & {\n ref?: React.RefObject<DropdownMenuPrimitive.ItemRef>;\n className?: string;\n inset?: boolean;\n}) {\n return (\n <TextClassContext.Provider value=\"select-none text-sm native:text-lg text-popover-foreground web:group-focus:text-accent-foreground\">\n <DropdownMenuPrimitive.Item\n className={cn(\n 'native:py-2 group active:bg-accent web:cursor-default web:outline-hidden web:hover:bg-accent web:focus:bg-accent relative flex flex-row items-center gap-2 rounded-xs px-2 py-1.5',\n inset && 'pl-8',\n props.disabled && 'web:pointer-events-none opacity-50',\n className\n )}\n {...props}\n />\n </TextClassContext.Provider>\n );\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n ...props\n}: DropdownMenuPrimitive.CheckboxItemProps & {\n ref?: React.RefObject<DropdownMenuPrimitive.CheckboxItemRef>;\n children?: React.ReactNode;\n}) {\n return (\n <DropdownMenuPrimitive.CheckboxItem\n className={cn(\n 'web:group native:py-2 active:bg-accent web:cursor-default web:outline-hidden web:focus:bg-accent relative flex flex-row items-center rounded-xs py-1.5 pr-2 pl-8',\n props.disabled && 'web:pointer-events-none opacity-50',\n className\n )}\n checked={checked}\n {...props}\n >\n <View className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <Check size={14} strokeWidth={3} className=\"text-foreground\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </View>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n );\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n ...props\n}: DropdownMenuPrimitive.RadioItemProps & {\n ref?: React.RefObject<DropdownMenuPrimitive.RadioItemRef>;\n children?: React.ReactNode;\n}) {\n return (\n <DropdownMenuPrimitive.RadioItem\n className={cn(\n 'web:group native:py-2 active:bg-accent web:cursor-default web:outline-hidden web:focus:bg-accent relative flex flex-row items-center rounded-xs py-1.5 pr-2 pl-8',\n props.disabled && 'web:pointer-events-none opacity-50',\n className\n )}\n {...props}\n >\n <View className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <View className=\"bg-foreground h-2 w-2 rounded-full\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </View>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n );\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: DropdownMenuPrimitive.LabelProps & {\n ref?: React.RefObject<DropdownMenuPrimitive.LabelRef>;\n className?: string;\n inset?: boolean;\n}) {\n return (\n <DropdownMenuPrimitive.Label\n className={cn(\n 'native:text-base text-foreground web:cursor-default px-2 py-1.5 text-sm font-semibold',\n inset && 'pl-8',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: DropdownMenuPrimitive.SeparatorProps & {\n ref?: React.RefObject<DropdownMenuPrimitive.SeparatorRef>;\n}) {\n return (\n <DropdownMenuPrimitive.Separator\n className={cn('bg-border -mx-1 my-1 h-px', className)}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuShortcut({ className, ...props }: TextProps) {\n return (\n <Text\n className={cn(\n 'native:text-sm text-muted-foreground ml-auto text-xs tracking-widest',\n className\n )}\n {...props}\n />\n );\n}\n\nexport {\n DropdownMenu,\n DropdownMenuCheckboxItem,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuPortal,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger,\n};\n"],"mappings":";;;;;;;;;;;;AAkBA,MAAM,eAAe,sBAAsB;AAE3C,MAAM,sBAAsB,sBAAsB;AAElD,MAAM,oBAAoB,sBAAsB;AAEhD,MAAM,qBAAqB,sBAAsB;AAEjD,MAAM,kBAAkB,sBAAsB;AAE9C,MAAM,yBAAyB,sBAAsB;AAErD,SAAS,uBAAuB,EAC9B,WACA,OACA,UACA,GAAG,SAMF;CACD,MAAM,EAAE,SAAS,sBAAsB,eAAe;CACtD,MAAM,OACJ,SAAS,OAAO,QAAQ,eAAe,OAAO,YAAY;AAC5D,QACE,oBAAC,iBAAiB;EAChB,OAAO,GACL,mDACA,QAAQ,gCACT;YAED,qBAAC,sBAAsB;GACrB,WAAW,GACT,sLACA,QAAQ,aACR,SAAS,QACT,UACD;GACD,GAAI;cAEH,UACD,oBAAC;IAAK,MAAM;IAAI,WAAU;KAA4B;IACrB;GACT;;AAIhC,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAGF;CACD,MAAM,EAAE,SAAS,sBAAsB,eAAe;AACtD,QACE,oBAAC,sBAAsB;EACrB,WAAW,GACT,+QACA,OACI,gDACA,+CACJ,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,oBAAoB,EAC3B,WACA,kBACA,cACA,YACA,GAAG,SAMF;CACD,MAAM,EAAE,SAAS,sBAAsB,gBAAgB;AACvD,QACE,oBAAC,sBAAsB;EAAO,UAAU;YACtC,oBAAC,sBAAsB;GACrB,OACE,eACI,WAAW,QAAQ,CACjB,SAAS,OAAO,QAAQ,WAAW,eAAe,QAClD,aACD,CAAC,GACF,SAAS,OAAO,QACd,WAAW,eACX;GAER,WAAW;aAEX,oBAAC,sBAAsB;IACrB,WAAW,GACT,0RACA,OACI,gDACA,kDACJ,UACD;IACD,GAAI;KACJ;IAC4B;GACH;;AAInC,SAAS,iBAAiB,EACxB,WACA,OACA,GAAG,SAKF;AACD,QACE,oBAAC,iBAAiB;EAAS,OAAM;YAC/B,oBAAC,sBAAsB;GACrB,WAAW,GACT,qLACA,SAAS,QACT,MAAM,YAAY,sCAClB,UACD;GACD,GAAI;IACJ;GACwB;;AAIhC,SAAS,yBAAyB,EAChC,WACA,UACA,SACA,GAAG,SAIF;AACD,QACE,qBAAC,sBAAsB;EACrB,WAAW,GACT,oKACA,MAAM,YAAY,sCAClB,UACD;EACQ;EACT,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAAC,sBAAsB,2BACrB,oBAAC;IAAM,MAAM;IAAI,aAAa;IAAG,WAAU;KAAoB,GAC3B;IACjC,EACN;GACkC;;AAIzC,SAAS,sBAAsB,EAC7B,WACA,UACA,GAAG,SAIF;AACD,QACE,qBAAC,sBAAsB;EACrB,WAAW,GACT,oKACA,MAAM,YAAY,sCAClB,UACD;EACD,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAAC,sBAAsB,2BACrB,oBAAC,QAAK,WAAU,uCAAuC,GACnB;IACjC,EACN;GAC+B;;AAItC,SAAS,kBAAkB,EACzB,WACA,OACA,GAAG,SAKF;AACD,QACE,oBAAC,sBAAsB;EACrB,WAAW,GACT,yFACA,SAAS,QACT,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,sBAAsB,EAC7B,WACA,GAAG,SAGF;AACD,QACE,oBAAC,sBAAsB;EACrB,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;GACJ;;AAIN,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAoB;AAChE,QACE,oBAAC;EACC,WAAW,GACT,wEACA,UACD;EACD,GAAI;GACJ"}
|
package/dist/ui/empty-state.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime58 from "react/jsx-runtime";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
|
-
import * as
|
|
4
|
+
import * as class_variance_authority_types1 from "class-variance-authority/types";
|
|
5
5
|
|
|
6
6
|
//#region ui/empty-state.d.ts
|
|
7
7
|
declare const containerVariants: (props?: ({
|
|
8
8
|
density?: "default" | "compact" | null | undefined;
|
|
9
|
-
} &
|
|
9
|
+
} & class_variance_authority_types1.ClassProp) | undefined) => string;
|
|
10
10
|
interface EmptyStateProps extends VariantProps<typeof containerVariants> {
|
|
11
11
|
icon?: React$1.ReactNode;
|
|
12
12
|
title: React$1.ReactNode;
|
|
@@ -23,6 +23,7 @@ declare function EmptyState({
|
|
|
23
23
|
secondaryAction,
|
|
24
24
|
className,
|
|
25
25
|
density
|
|
26
|
-
}: EmptyStateProps):
|
|
26
|
+
}: EmptyStateProps): react_jsx_runtime58.JSX.Element;
|
|
27
27
|
//#endregion
|
|
28
|
-
export { EmptyState, EmptyStateProps };
|
|
28
|
+
export { EmptyState, EmptyStateProps };
|
|
29
|
+
//# sourceMappingURL=empty-state.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-state.d.ts","names":[],"sources":["../../ui/empty-state.tsx"],"sourcesContent":[],"mappings":";;;;;;cAQM;;IAUJ,+BAAA,CAAA;UAEe,eAAA,SAAwB,oBAChC;EAbH,IAAA,CAAA,EAeG,OAAA,CAAM,SALb;EAEe,KAAA,EAIR,OAAA,CAAM,SAJkB;EACxB,WAAA,CAAA,EAIO,OAAA,CAAM,SAJb;EAEA,aAAM,CAAA,EAGG,OAAA,CAAM,SAHT;EACN,eAAM,CAAA,EAGK,OAAA,CAAM,SAHX;EACC,SAAM,CAAA,EAAA,MAAA;;AAEF,iBAIJ,UAAA,CAJU;EAAA,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,aAAA;EAAA,eAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAYvB,eAZuB,CAAA,EAYR,mBAAA,CAAA,GAAA,CAAA,OAZQ"}
|
package/dist/ui/empty-state.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-state.js","names":["Text"],"sources":["../../ui/empty-state.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@lssm/lib.ui-kit-core/utils';\nimport { VStack } from './stack';\nimport { H3 } from './typography';\nimport { Text } from './text';\nimport { View } from 'react-native';\n\nconst containerVariants = cva('items-center text-center', {\n variants: {\n density: {\n compact: 'gap-3 p-6',\n default: 'gap-4 p-8',\n },\n },\n defaultVariants: {\n density: 'default',\n },\n});\n\nexport interface EmptyStateProps extends VariantProps<\n typeof containerVariants\n> {\n icon?: React.ReactNode;\n title: React.ReactNode;\n description?: React.ReactNode;\n primaryAction?: React.ReactNode;\n secondaryAction?: React.ReactNode;\n className?: string;\n}\n\nexport function EmptyState({\n icon,\n title,\n description,\n primaryAction,\n secondaryAction,\n className,\n density,\n}: EmptyStateProps) {\n return (\n <VStack className={cn(containerVariants({ density }), className)}>\n {icon ? (\n <View className=\"bg-muted flex h-12 w-12 items-center justify-center rounded-full\">\n {/* Consumers pass their own icon; keep neutral backdrop */}\n <View className=\"text-muted-foreground flex items-center justify-center\">\n {icon}\n </View>\n </View>\n ) : null}\n\n <View>\n <H3 className=\"font-medium\">{title}</H3>\n {description ? (\n <View className=\"text-muted-foreground text-base\">\n <Text>{description}</Text>\n </View>\n ) : null}\n </View>\n\n {(primaryAction || secondaryAction) && (\n <View className=\"flex items-center justify-center gap-2\">\n {primaryAction}\n {secondaryAction}\n </View>\n )}\n </VStack>\n );\n}\n"],"mappings":";;;;;;;;;;AAQA,MAAM,oBAAoB,IAAI,4BAA4B;CACxD,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;EACV,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;AAaF,SAAgB,WAAW,EACzB,MACA,OACA,aACA,eACA,iBACA,WACA,WACkB;AAClB,QACE,qBAAC;EAAO,WAAW,GAAG,kBAAkB,EAAE,SAAS,CAAC,EAAE,UAAU;;GAC7D,OACC,oBAAC;IAAK,WAAU;cAEd,oBAAC;KAAK,WAAU;eACb;MACI;KACF,GACL;GAEJ,qBAAC,mBACC,oBAAC;IAAG,WAAU;cAAe;KAAW,EACvC,cACC,oBAAC;IAAK,WAAU;cACd,oBAACA,oBAAM,cAAmB;KACrB,GACL,QACC;IAEL,iBAAiB,oBACjB,qBAAC;IAAK,WAAU;eACb,eACA;KACI;;GAEF"}
|
package/dist/ui/empty.d.ts
CHANGED
|
@@ -1,36 +1,37 @@
|
|
|
1
1
|
import { ViewProps } from "react-native";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime59 from "react/jsx-runtime";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
|
-
import * as
|
|
4
|
+
import * as class_variance_authority_types2 from "class-variance-authority/types";
|
|
5
5
|
|
|
6
6
|
//#region ui/empty.d.ts
|
|
7
7
|
declare function Empty({
|
|
8
8
|
className,
|
|
9
9
|
...props
|
|
10
|
-
}: ViewProps):
|
|
10
|
+
}: ViewProps): react_jsx_runtime59.JSX.Element;
|
|
11
11
|
declare function EmptyHeader({
|
|
12
12
|
className,
|
|
13
13
|
...props
|
|
14
|
-
}: ViewProps):
|
|
14
|
+
}: ViewProps): react_jsx_runtime59.JSX.Element;
|
|
15
15
|
declare const emptyMediaVariants: (props?: ({
|
|
16
16
|
variant?: "default" | "icon" | null | undefined;
|
|
17
|
-
} &
|
|
17
|
+
} & class_variance_authority_types2.ClassProp) | undefined) => string;
|
|
18
18
|
declare function EmptyMedia({
|
|
19
19
|
className,
|
|
20
20
|
variant,
|
|
21
21
|
...props
|
|
22
|
-
}: ViewProps & VariantProps<typeof emptyMediaVariants>):
|
|
22
|
+
}: ViewProps & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime59.JSX.Element;
|
|
23
23
|
declare function EmptyTitle({
|
|
24
24
|
className,
|
|
25
25
|
...props
|
|
26
|
-
}: ViewProps):
|
|
26
|
+
}: ViewProps): react_jsx_runtime59.JSX.Element;
|
|
27
27
|
declare function EmptyDescription({
|
|
28
28
|
className,
|
|
29
29
|
...props
|
|
30
|
-
}: ViewProps):
|
|
30
|
+
}: ViewProps): react_jsx_runtime59.JSX.Element;
|
|
31
31
|
declare function EmptyContent({
|
|
32
32
|
className,
|
|
33
33
|
...props
|
|
34
|
-
}: ViewProps):
|
|
34
|
+
}: ViewProps): react_jsx_runtime59.JSX.Element;
|
|
35
35
|
//#endregion
|
|
36
|
-
export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
|
|
36
|
+
export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
|
|
37
|
+
//# sourceMappingURL=empty.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty.d.ts","names":[],"sources":["../../ui/empty.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAKS,KAAA;;;GAA+B,YAAS,mBAAA,CAAA,GAAA,CAAA;iBAaxC,WAAA;;;GAAqC,YAAS,mBAAA,CAAA,GAAA,CAAA;cAajD,0BA1BQ;;AAFsC,CAAA,GAyCnD,+BAAA,CAAA,SAvCa,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;iBAyCL,UAAA,CAzCQ;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EA6Cd,SA7Cc,GA6CF,YA7CE,CAAA,OA6CkB,kBA7ClB,CAAA,CAAA,EA6CqC,mBAAA,CAAA,GAAA,CAAA,OA7CrC;iBAwDR,UAAA,CAxD+B;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwDK,SAxDL,CAAA,EAwDc,mBAAA,CAAA,GAAA,CAAA,OAxDd;iBAkE/B,gBAAA,CAlEwC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkEE,SAlEF,CAAA,EAkEW,mBAAA,CAAA,GAAA,CAAA,OAlEX;iBA+ExC,YAAA,CA/EwC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+EF,SA/EE,CAAA,EA+EO,mBAAA,CAAA,GAAA,CAAA,OA/EP"}
|
package/dist/ui/empty.js
CHANGED
|
@@ -59,4 +59,5 @@ function EmptyContent({ className, ...props }) {
|
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
//#endregion
|
|
62
|
-
export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
|
|
62
|
+
export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
|
|
63
|
+
//# sourceMappingURL=empty.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty.js","names":[],"sources":["../../ui/empty.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@lssm/lib.ui-kit-core/utils';\nimport { View, type ViewProps } from 'react-native';\n\nfunction Empty({ className, ...props }: ViewProps) {\n return (\n <View\n data-slot=\"empty\"\n className={cn(\n 'flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction EmptyHeader({ className, ...props }: ViewProps) {\n return (\n <View\n data-slot=\"empty-header\"\n className={cn(\n 'flex max-w-sm flex-col items-center gap-2 text-center',\n className\n )}\n {...props}\n />\n );\n}\n\nconst emptyMediaVariants = cva(\n 'flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n {\n variants: {\n variant: {\n default: 'bg-transparent',\n icon: \"bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6\",\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n);\n\nfunction EmptyMedia({\n className,\n variant = 'default',\n ...props\n}: ViewProps & VariantProps<typeof emptyMediaVariants>) {\n return (\n <View\n data-slot=\"empty-icon\"\n data-variant={variant}\n className={cn(emptyMediaVariants({ variant, className }))}\n {...props}\n />\n );\n}\n\nfunction EmptyTitle({ className, ...props }: ViewProps) {\n return (\n <View\n data-slot=\"empty-title\"\n className={cn('text-lg font-medium tracking-tight', className)}\n {...props}\n />\n );\n}\n\nfunction EmptyDescription({ className, ...props }: ViewProps) {\n return (\n <View\n data-slot=\"empty-description\"\n className={cn(\n 'text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction EmptyContent({ className, ...props }: ViewProps) {\n return (\n <View\n data-slot=\"empty-content\"\n className={cn(\n 'flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance',\n className\n )}\n {...props}\n />\n );\n}\n\nexport {\n Empty,\n EmptyHeader,\n EmptyTitle,\n EmptyDescription,\n EmptyContent,\n EmptyMedia,\n};\n"],"mappings":";;;;;;AAKA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAoB;AACjD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,gIACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAAoB;AACvD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,yDACA,UACD;EACD,GAAI;GACJ;;AAIN,MAAM,qBAAqB,IACzB,+FACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACP,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAED,SAAS,WAAW,EAClB,WACA,UAAU,WACV,GAAG,SACmD;AACtD,QACE,oBAAC;EACC,aAAU;EACV,gBAAc;EACd,WAAW,GAAG,mBAAmB;GAAE;GAAS;GAAW,CAAC,CAAC;EACzD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAAE,WAAW,GAAG,SAAoB;AACtD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAoB;AAC5D,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,2GACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAoB;AACxD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,iFACA,UACD;EACD,GAAI;GACJ"}
|
package/dist/ui/fab.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime65 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region ui/fab.d.ts
|
|
5
5
|
interface FABAction {
|
|
@@ -19,7 +19,7 @@ declare function FAB({
|
|
|
19
19
|
className,
|
|
20
20
|
mainIcon,
|
|
21
21
|
mainColor
|
|
22
|
-
}: FABProps):
|
|
22
|
+
}: FABProps): react_jsx_runtime65.JSX.Element;
|
|
23
23
|
declare function MiniFAB({
|
|
24
24
|
icon,
|
|
25
25
|
onPress,
|
|
@@ -30,6 +30,7 @@ declare function MiniFAB({
|
|
|
30
30
|
onPress: () => void;
|
|
31
31
|
className?: string;
|
|
32
32
|
color?: string;
|
|
33
|
-
}):
|
|
33
|
+
}): react_jsx_runtime65.JSX.Element;
|
|
34
34
|
//#endregion
|
|
35
|
-
export { FAB, MiniFAB };
|
|
35
|
+
export { FAB, MiniFAB };
|
|
36
|
+
//# sourceMappingURL=fab.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fab.d.ts","names":[],"sources":["../../ui/fab.tsx"],"sourcesContent":[],"mappings":";;;;UAUU,SAAA;QACF,KAAA,CAAM;;EADJ,OAAA,EAAA,GAAS,GAAA,IAAA;EAOT,KAAA,CAAA,EAAA,MAAQ;AASlB;UATU,QAAA,CAUR;EACA,OAAA,EAVS,SAUT,EAAA;EACA,SAAA,CAAA,EAAA,MAAA;EACA,QAAA,CAAA,EAVW,KAAA,CAAM,SAUjB;EACC,SAAA,CAAA,EAAA,MAAA;;AAAQ,iBALK,GAAA,CAKL;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAAR,QAAQ,CAAA,EAAA,mBAAA,CAAA,GAAA,CAAA,OAAA;AAuHK,iBAAA,OAAA,CAAO;EAAA,IAAA;EAAA,OAAA;EAAA,SAAA;EAAA;CAAA,EAAA;EACrB,IAAA,EAKM,KAAA,CAAM,SALZ;EACA,OAAA,EAAA,GAAA,GAAA,IAAA;EACA,SAAA,CAAA,EAAA,MAAA;EACA,KAAA,CAAA,EAAA,MAAA;CAEM,CAAA,EAIP,mBAAA,CAAA,GAAA,CAAA,OAJa"}
|
package/dist/ui/fab.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fab.js","names":[],"sources":["../../ui/fab.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Pressable, StyleSheet, View } from 'react-native';\nimport Animated, {\n useAnimatedStyle,\n withSpring,\n withTiming,\n} from 'react-native-reanimated';\nimport { cn } from '@lssm/lib.ui-kit-core/utils';\nimport { Plus, X } from 'lucide-react-native';\n\ninterface FABAction {\n icon: React.ReactNode;\n label: string;\n onPress: () => void;\n color?: string;\n}\n\ninterface FABProps {\n actions: FABAction[];\n className?: string;\n mainIcon?: React.ReactNode;\n mainColor?: string;\n}\n\nconst AnimatedPressable = Animated.createAnimatedComponent(Pressable);\n\nexport function FAB({\n actions,\n className,\n mainIcon,\n mainColor = 'bg-primary',\n}: FABProps) {\n const [isOpen, setIsOpen] = useState(false);\n\n const toggleMenu = () => {\n setIsOpen(!isOpen);\n };\n\n const rotation = useAnimatedStyle(() => {\n return {\n transform: [\n {\n rotate: withSpring(isOpen ? '45deg' : '0deg', {\n damping: 15,\n stiffness: 150,\n }),\n },\n ],\n };\n });\n\n return (\n <View className={cn('absolute right-4 bottom-24 z-50', className)}>\n {/* Backdrop */}\n {isOpen && (\n <Pressable\n style={StyleSheet.absoluteFillObject}\n className=\"fixed inset-0 -top-full -left-full h-[200%] w-[200%]\"\n onPress={() => setIsOpen(false)}\n />\n )}\n\n {/* Action buttons */}\n {actions.map((action, index) => {\n const translateY = useAnimatedStyle(() => {\n const baseTranslation = isOpen ? -(index + 1) * 65 : 0;\n return {\n transform: [\n {\n translateY: withSpring(baseTranslation, {\n damping: 15,\n stiffness: 150,\n mass: 1 + index * 0.1,\n }),\n },\n ],\n opacity: withTiming(isOpen ? 1 : 0, {\n duration: 200,\n }),\n pointerEvents: isOpen ? 'auto' : 'none',\n };\n });\n\n const scale = useAnimatedStyle(() => {\n return {\n transform: [\n {\n scale: withSpring(isOpen ? 1 : 0.8, {\n damping: 15,\n stiffness: 150,\n }),\n },\n ],\n };\n });\n\n return (\n <AnimatedPressable\n key={index}\n style={[translateY, scale]}\n className=\"absolute right-0 bottom-0\"\n onPress={() => {\n action.onPress();\n setIsOpen(false);\n }}\n >\n <View\n className={cn(\n 'h-12 w-12 items-center justify-center rounded-full shadow-lg',\n action.color || 'bg-secondary'\n )}\n >\n {action.icon}\n </View>\n </AnimatedPressable>\n );\n })}\n\n {/* Main FAB button */}\n <AnimatedPressable\n onPress={toggleMenu}\n className={cn(\n 'h-14 w-14 items-center justify-center rounded-full shadow-xl',\n mainColor\n )}\n style={[\n rotation,\n {\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 4,\n },\n shadowOpacity: 0.3,\n shadowRadius: 8,\n elevation: 8,\n },\n ]}\n >\n {isOpen ? (\n <X size={24} color=\"white\" strokeWidth={2.5} />\n ) : (\n mainIcon || <Plus size={24} color=\"white\" strokeWidth={2.5} />\n )}\n </AnimatedPressable>\n </View>\n );\n}\n\n// Mini FAB for single actions\nexport function MiniFAB({\n icon,\n onPress,\n className,\n color = 'bg-primary',\n}: {\n icon: React.ReactNode;\n onPress: () => void;\n className?: string;\n color?: string;\n}) {\n return (\n <Pressable\n onPress={onPress}\n className={cn(\n 'h-12 w-12 items-center justify-center rounded-full shadow-lg',\n color,\n className\n )}\n style={{\n shadowColor: '#000',\n shadowOffset: {\n width: 0,\n height: 2,\n },\n shadowOpacity: 0.25,\n shadowRadius: 4,\n elevation: 5,\n }}\n >\n {icon}\n </Pressable>\n );\n}\n"],"mappings":";;;;;;;;AAwBA,MAAM,oBAAoB,SAAS,wBAAwB,UAAU;AAErE,SAAgB,IAAI,EAClB,SACA,WACA,UACA,YAAY,gBACD;CACX,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;CAE3C,MAAM,mBAAmB;AACvB,YAAU,CAAC,OAAO;;CAGpB,MAAM,WAAW,uBAAuB;AACtC,SAAO,EACL,WAAW,CACT,EACE,QAAQ,WAAW,SAAS,UAAU,QAAQ;GAC5C,SAAS;GACT,WAAW;GACZ,CAAC,EACH,CACF,EACF;GACD;AAEF,QACE,qBAAC;EAAK,WAAW,GAAG,mCAAmC,UAAU;;GAE9D,UACC,oBAAC;IACC,OAAO,WAAW;IAClB,WAAU;IACV,eAAe,UAAU,MAAM;KAC/B;GAIH,QAAQ,KAAK,QAAQ,UAAU;AAiC9B,WACE,oBAAC;KAEC,OAAO,CAnCQ,uBAAuB;AAExC,aAAO;OACL,WAAW,CACT,EACE,YAAY,WAJM,SAAS,EAAE,QAAQ,KAAK,KAAK,GAIP;QACtC,SAAS;QACT,WAAW;QACX,MAAM,IAAI,QAAQ;QACnB,CAAC,EACH,CACF;OACD,SAAS,WAAW,SAAS,IAAI,GAAG,EAClC,UAAU,KACX,CAAC;OACF,eAAe,SAAS,SAAS;OAClC;OACD,EAEY,uBAAuB;AACnC,aAAO,EACL,WAAW,CACT,EACE,OAAO,WAAW,SAAS,IAAI,IAAK;OAClC,SAAS;OACT,WAAW;OACZ,CAAC,EACH,CACF,EACF;OACD,CAK4B;KAC1B,WAAU;KACV,eAAe;AACb,aAAO,SAAS;AAChB,gBAAU,MAAM;;eAGlB,oBAAC;MACC,WAAW,GACT,gEACA,OAAO,SAAS,eACjB;gBAEA,OAAO;OACH;OAfF,MAgBa;KAEtB;GAGF,oBAAC;IACC,SAAS;IACT,WAAW,GACT,gEACA,UACD;IACD,OAAO,CACL,UACA;KACE,aAAa;KACb,cAAc;MACZ,OAAO;MACP,QAAQ;MACT;KACD,eAAe;KACf,cAAc;KACd,WAAW;KACZ,CACF;cAEA,SACC,oBAAC;KAAE,MAAM;KAAI,OAAM;KAAQ,aAAa;MAAO,GAE/C,YAAY,oBAAC;KAAK,MAAM;KAAI,OAAM;KAAQ,aAAa;MAAO;KAE9C;;GACf;;AAKX,SAAgB,QAAQ,EACtB,MACA,SACA,WACA,QAAQ,gBAMP;AACD,QACE,oBAAC;EACU;EACT,WAAW,GACT,gEACA,OACA,UACD;EACD,OAAO;GACL,aAAa;GACb,cAAc;IACZ,OAAO;IACP,QAAQ;IACT;GACD,eAAe;GACf,cAAc;GACd,WAAW;GACZ;YAEA;GACS"}
|
package/dist/ui/field.d.ts
CHANGED
|
@@ -1,57 +1,57 @@
|
|
|
1
1
|
import { Label } from "./label.js";
|
|
2
2
|
import { BoxProps } from "./stack.js";
|
|
3
3
|
import { TypographyProps } from "./typography.js";
|
|
4
|
-
import * as
|
|
4
|
+
import * as react_jsx_runtime118 from "react/jsx-runtime";
|
|
5
5
|
import { VariantProps } from "class-variance-authority";
|
|
6
|
-
import * as
|
|
6
|
+
import * as class_variance_authority_types9 from "class-variance-authority/types";
|
|
7
7
|
|
|
8
8
|
//#region ui/field.d.ts
|
|
9
9
|
declare function FieldSet({
|
|
10
10
|
className,
|
|
11
11
|
...props
|
|
12
|
-
}: BoxProps):
|
|
12
|
+
}: BoxProps): react_jsx_runtime118.JSX.Element;
|
|
13
13
|
declare function FieldLegend({
|
|
14
14
|
className,
|
|
15
15
|
variant,
|
|
16
16
|
...props
|
|
17
17
|
}: BoxProps & {
|
|
18
18
|
variant?: 'legend' | 'label';
|
|
19
|
-
}):
|
|
19
|
+
}): react_jsx_runtime118.JSX.Element;
|
|
20
20
|
declare function FieldGroup({
|
|
21
21
|
className,
|
|
22
22
|
...props
|
|
23
|
-
}: BoxProps):
|
|
23
|
+
}: BoxProps): react_jsx_runtime118.JSX.Element;
|
|
24
24
|
declare const fieldVariants: (props?: ({
|
|
25
25
|
orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
|
|
26
|
-
} &
|
|
26
|
+
} & class_variance_authority_types9.ClassProp) | undefined) => string;
|
|
27
27
|
declare function Field({
|
|
28
28
|
className,
|
|
29
29
|
orientation,
|
|
30
30
|
...props
|
|
31
|
-
}: BoxProps & VariantProps<typeof fieldVariants>):
|
|
31
|
+
}: BoxProps & VariantProps<typeof fieldVariants>): react_jsx_runtime118.JSX.Element;
|
|
32
32
|
declare function FieldContent({
|
|
33
33
|
className,
|
|
34
34
|
...props
|
|
35
|
-
}: BoxProps):
|
|
35
|
+
}: BoxProps): react_jsx_runtime118.JSX.Element;
|
|
36
36
|
declare function FieldLabel({
|
|
37
37
|
className,
|
|
38
38
|
...props
|
|
39
|
-
}: React.ComponentProps<typeof Label>):
|
|
39
|
+
}: React.ComponentProps<typeof Label>): react_jsx_runtime118.JSX.Element;
|
|
40
40
|
declare function FieldTitle({
|
|
41
41
|
className,
|
|
42
42
|
...props
|
|
43
|
-
}: BoxProps):
|
|
43
|
+
}: BoxProps): react_jsx_runtime118.JSX.Element;
|
|
44
44
|
declare function FieldDescription({
|
|
45
45
|
className,
|
|
46
46
|
...props
|
|
47
|
-
}: TypographyProps):
|
|
47
|
+
}: TypographyProps): react_jsx_runtime118.JSX.Element;
|
|
48
48
|
declare function FieldSeparator({
|
|
49
49
|
children,
|
|
50
50
|
className,
|
|
51
51
|
...props
|
|
52
52
|
}: BoxProps & {
|
|
53
53
|
children?: React.ReactNode;
|
|
54
|
-
}):
|
|
54
|
+
}): react_jsx_runtime118.JSX.Element;
|
|
55
55
|
declare function FieldError({
|
|
56
56
|
className,
|
|
57
57
|
children,
|
|
@@ -61,6 +61,7 @@ declare function FieldError({
|
|
|
61
61
|
errors?: ({
|
|
62
62
|
message?: string;
|
|
63
63
|
} | undefined)[];
|
|
64
|
-
}):
|
|
64
|
+
}): react_jsx_runtime118.JSX.Element | null;
|
|
65
65
|
//#endregion
|
|
66
|
-
export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };
|
|
66
|
+
export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };
|
|
67
|
+
//# sourceMappingURL=field.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"field.d.ts","names":[],"sources":["../../ui/field.tsx"],"sourcesContent":[],"mappings":";;;;;;;;iBAWS,QAAA;;;GAAkC,WAAQ,oBAAA,CAAA,GAAA,CAAA;iBAc1C,WAAA;;;;GAIN;;IAA2C,oBAAA,CAAA,GAAA,CAAA;AApBS,iBAoC9C,UAAA,CAlCQ;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkC4B,QAlC5B,CAAA,EAkCoC,oBAAA,CAAA,GAAA,CAAA,OAlCpC;cA+CX,aA/Cc,EAAA,CAAA,KAA+B,CAA/B,EAAA,CAAA;EAAuB,WAAA,CAAA,EAAA,YAAA,GAAA,UAAA,GAAA,YAAA,GAAA,IAAA,GAAA,SAAA;CAAQ,GAqElD,+BAAA,CAAA,SArEkD,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;iBAuE1C,KAAA,CAvE0C;EAAA,SAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EA2EhD,QA3EgD,GA2ErC,YA3EqC,CAAA,OA2EjB,aA3EiB,CAAA,CAAA,EA2EH,oBAAA,CAAA,GAAA,CAAA,OA3EG;AAAA,iBAuF1C,YAAA,CAzEW;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyE2B,QAzE3B,CAAA,EAyEmC,oBAAA,CAAA,GAAA,CAAA,OAzEnC;iBAsFX,UAAA,CArFP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwFC,KAAA,CAAM,cAxFP,CAAA,OAwF6B,KAxF7B,CAAA,CAAA,EAwFmC,oBAAA,CAAA,GAAA,CAAA,OAxFnC;iBAuGO,UAAA,CAtGP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsG2C,QAtG3C,CAAA,EAsGmD,oBAAA,CAAA,GAAA,CAAA,OAtGnD;iBAmHO,gBAAA,CAjHN;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiHgD,eAjHhD,CAAA,EAiH+D,oBAAA,CAAA,GAAA,CAAA,OAjH/D;iBAgIM,cAAA,CAhIqC;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAoI3C,QApI2C,GAAA;EAAA,QAAA,CAAA,EAqIjC,KAAA,CAAM,SArI2B;AAAA,CAAA,CAAA,EAsI7C,oBAAA,CAAA,GAAA,CAAA,OAtHkB;iBA8IV,UAAA,CA9Ia;EAAA,SAAA;EAAA,QAAA;EAAA,MAAA;EAAA,GAAA;AAA+B,CAA/B,EAmJnB,QAnJmB,GAAA;EAAuB,MAAA,CAAA,EAAA,CAAA;IAAQ,OAAA,CAAA,EAAA,MAAA;EAAA,CAAA,GAAA,SAAA,CAAA,EAAA;AAAA,CAAA,CAAA,EAqJpD,oBAAA,CAAA,GAAA,CAAA,OAAA,GAlHA,IAAA"}
|
package/dist/ui/field.js
CHANGED
|
@@ -119,4 +119,5 @@ function FieldError({ className, children, errors, ...props }) {
|
|
|
119
119
|
}
|
|
120
120
|
|
|
121
121
|
//#endregion
|
|
122
|
-
export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };
|
|
122
|
+
export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };
|
|
123
|
+
//# sourceMappingURL=field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"field.js","names":[],"sources":["../../ui/field.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@lssm/lib.ui-kit-core/utils';\nimport { Label } from './label';\nimport { Separator } from './separator';\nimport { Box, VStack, type BoxProps } from './stack';\nimport { P, type TypographyProps } from './typography';\n\nfunction FieldSet({ className, ...props }: BoxProps) {\n return (\n <Box\n data-slot=\"field-set\"\n className={cn(\n 'flex flex-col gap-6',\n 'has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction FieldLegend({\n className,\n variant = 'legend',\n ...props\n}: BoxProps & { variant?: 'legend' | 'label' }) {\n return (\n <Box\n data-slot=\"field-legend\"\n data-variant={variant}\n className={cn(\n 'mb-3 font-medium',\n 'data-[variant=legend]:text-base',\n 'data-[variant=label]:text-sm',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction FieldGroup({ className, ...props }: BoxProps) {\n return (\n <Box\n data-slot=\"field-group\"\n className={cn(\n 'group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 data-[slot=field-group]:*:gap-4',\n className\n )}\n {...props}\n />\n );\n}\n\nconst fieldVariants = cva(\n 'group/field flex w-full gap-3 data-[invalid=true]:text-destructive',\n {\n variants: {\n orientation: {\n vertical: ['flex-col *:w-full [&>.sr-only]:w-auto'],\n horizontal: [\n 'flex-row items-center',\n 'data-[slot=field-label]:*:flex-auto',\n 'has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n ],\n responsive: [\n 'flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto',\n '@md/field-group:data-[slot=field-label]:*:flex-auto',\n '@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n ],\n },\n },\n defaultVariants: {\n orientation: 'vertical',\n },\n }\n);\n\nfunction Field({\n className,\n orientation = 'vertical',\n ...props\n}: BoxProps & VariantProps<typeof fieldVariants>) {\n return (\n <Box\n role=\"group\"\n data-slot=\"field\"\n data-orientation={orientation}\n className={cn(fieldVariants({ orientation }), className)}\n {...props}\n />\n );\n}\n\nfunction FieldContent({ className, ...props }: BoxProps) {\n return (\n <Box\n data-slot=\"field-content\"\n className={cn(\n 'group/field-content flex flex-1 flex-col gap-1.5 leading-snug',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction FieldLabel({\n className,\n ...props\n}: React.ComponentProps<typeof Label>) {\n return (\n <Label\n data-slot=\"field-label\"\n className={cn(\n 'group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50',\n 'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-4',\n 'has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction FieldTitle({ className, ...props }: BoxProps) {\n return (\n <Box\n data-slot=\"field-label\"\n className={cn(\n 'flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction FieldDescription({ className, ...props }: TypographyProps) {\n return (\n <P\n data-slot=\"field-description\"\n className={cn(\n 'text-muted-foreground text-sm leading-normal font-normal group-has-data-[orientation=horizontal]/field:text-balance',\n 'last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5',\n '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction FieldSeparator({\n children,\n className,\n ...props\n}: BoxProps & {\n children?: React.ReactNode;\n}) {\n return (\n <Box\n data-slot=\"field-separator\"\n data-content={!!children}\n className={cn(\n 'relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2',\n className\n )}\n {...props}\n >\n <Separator className=\"absolute inset-0 top-1/2\" />\n {children && (\n <Box\n className=\"bg-background text-muted-foreground relative mx-auto block w-fit px-2\"\n data-slot=\"field-separator-content\"\n >\n {children}\n </Box>\n )}\n </Box>\n );\n}\n\nfunction FieldError({\n className,\n children,\n errors,\n ...props\n}: BoxProps & {\n errors?: ({ message?: string } | undefined)[];\n}) {\n const content = useMemo(() => {\n if (children) {\n return children;\n }\n\n if (!errors?.length) {\n return null;\n }\n\n if (errors?.length == 1) {\n return errors[0]?.message;\n }\n\n return (\n <VStack className=\"ml-4 flex list-disc flex-col gap-1\">\n {errors.map(\n (error, index) => error?.message && <P key={index}>{error.message}</P>\n )}\n </VStack>\n );\n }, [children, errors]);\n\n if (!content) {\n return null;\n }\n\n return (\n <Box\n role=\"alert\"\n data-slot=\"field-error\"\n className={cn('text-destructive text-sm font-normal', className)}\n {...props}\n >\n {content}\n </Box>\n );\n}\n\nexport {\n Field,\n FieldLabel,\n FieldDescription,\n FieldError,\n FieldGroup,\n FieldLegend,\n FieldSeparator,\n FieldSet,\n FieldContent,\n FieldTitle,\n};\n"],"mappings":";;;;;;;;;;;;AAWA,SAAS,SAAS,EAAE,WAAW,GAAG,SAAmB;AACnD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,uBACA,gFACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,UAAU,UACV,GAAG,SAC2C;AAC9C,QACE,oBAAC;EACC,aAAU;EACV,gBAAc;EACd,WAAW,GACT,oBACA,mCACA,gCACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAAE,WAAW,GAAG,SAAmB;AACrD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,wIACA,UACD;EACD,GAAI;GACJ;;AAIN,MAAM,gBAAgB,IACpB,sEACA;CACE,UAAU,EACR,aAAa;EACX,UAAU,CAAC,wCAAwC;EACnD,YAAY;GACV;GACA;GACA;GACD;EACD,YAAY;GACV;GACA;GACA;GACD;EACF,EACF;CACD,iBAAiB,EACf,aAAa,YACd;CACF,CACF;AAED,SAAS,MAAM,EACb,WACA,cAAc,YACd,GAAG,SAC6C;AAChD,QACE,oBAAC;EACC,MAAK;EACL,aAAU;EACV,oBAAkB;EAClB,WAAW,GAAG,cAAc,EAAE,aAAa,CAAC,EAAE,UAAU;EACxD,GAAI;GACJ;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAAmB;AACvD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,iEACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAClB,WACA,GAAG,SACkC;AACrC,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,gHACA,iKACA,6HACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAAE,WAAW,GAAG,SAAmB;AACrD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,8GACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAA0B;AAClE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,uHACA,gEACA,qEACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,UACA,WACA,GAAG,SAGF;AACD,QACE,qBAAC;EACC,aAAU;EACV,gBAAc,CAAC,CAAC;EAChB,WAAW,GACT,6EACA,UACD;EACD,GAAI;aAEJ,oBAAC,aAAU,WAAU,6BAA6B,EACjD,YACC,oBAAC;GACC,WAAU;GACV,aAAU;GAET;IACG;GAEJ;;AAIV,SAAS,WAAW,EAClB,WACA,UACA,QACA,GAAG,SAGF;CACD,MAAM,UAAU,cAAc;AAC5B,MAAI,SACF,QAAO;AAGT,MAAI,CAAC,QAAQ,OACX,QAAO;AAGT,MAAI,QAAQ,UAAU,EACpB,QAAO,OAAO,IAAI;AAGpB,SACE,oBAAC;GAAO,WAAU;aACf,OAAO,KACL,OAAO,UAAU,OAAO,WAAW,oBAAC,eAAe,MAAM,WAAd,MAA0B,CACvE;IACM;IAEV,CAAC,UAAU,OAAO,CAAC;AAEtB,KAAI,CAAC,QACH,QAAO;AAGT,QACE,oBAAC;EACC,MAAK;EACL,aAAU;EACV,WAAW,GAAG,wCAAwC,UAAU;EAChE,GAAI;YAEH;GACG"}
|