@zimyo/ui 1.0.2 → 1.1.1
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/dist/Accordion/index.d.ts +34 -0
- package/dist/Accordion/index.esm.js +129 -0
- package/dist/Accordion/index.js +137 -0
- package/dist/Button/index.d.ts +15 -0
- package/dist/Button/index.esm.js +23 -0
- package/dist/Button/index.js +28 -0
- package/dist/Card/index.d.ts +41 -0
- package/dist/Card/index.esm.js +36 -0
- package/dist/Card/index.js +38 -0
- package/dist/Popover/index.d.ts +19 -0
- package/dist/Popover/index.esm.js +22 -0
- package/dist/Popover/index.js +27 -0
- package/dist/RadioGroup/index.d.ts +31 -0
- package/dist/RadioGroup/index.esm.js +92 -0
- package/dist/RadioGroup/index.js +97 -0
- package/dist/Typography/index.d.ts +30 -0
- package/dist/Typography/index.esm.js +57 -0
- package/dist/Typography/index.js +66 -0
- package/package.json +106 -83
- package/dist/components/index.d.ts +0 -60
- package/dist/components/ui/accordion.d.ts +0 -10
- package/dist/components/ui/accordion.js +0 -58
- package/dist/components/ui/alert-dialog.d.ts +0 -17
- package/dist/components/ui/alert-dialog.js +0 -108
- package/dist/components/ui/alert.d.ts +0 -13
- package/dist/components/ui/alert.js +0 -52
- package/dist/components/ui/aspect-ratio.d.ts +0 -6
- package/dist/components/ui/aspect-ratio.js +0 -12
- package/dist/components/ui/avatar.d.ts +0 -9
- package/dist/components/ui/avatar.js +0 -37
- package/dist/components/ui/badge.d.ts +0 -13
- package/dist/components/ui/badge.js +0 -36
- package/dist/components/ui/breadcrumb.d.ts +0 -14
- package/dist/components/ui/breadcrumb.js +0 -94
- package/dist/components/ui/button.d.ts +0 -14
- package/dist/components/ui/button.js +0 -48
- package/dist/components/ui/calendar.d.ts +0 -13
- package/dist/components/ui/calendar.js +0 -137
- package/dist/components/ui/card.d.ts +0 -12
- package/dist/components/ui/card.js +0 -76
- package/dist/components/ui/carousel.d.ts +0 -25
- package/dist/components/ui/carousel.js +0 -173
- package/dist/components/ui/chart.d.ts +0 -44
- package/dist/components/ui/chart.js +0 -203
- package/dist/components/ui/checkbox.d.ts +0 -7
- package/dist/components/ui/checkbox.js +0 -26
- package/dist/components/ui/collapsible.d.ts +0 -8
- package/dist/components/ui/collapsible.js +0 -24
- package/dist/components/ui/command.d.ts +0 -22
- package/dist/components/ui/command.js +0 -119
- package/dist/components/ui/context-menu.d.ts +0 -28
- package/dist/components/ui/context-menu.js +0 -171
- package/dist/components/ui/dialog.d.ts +0 -18
- package/dist/components/ui/dialog.js +0 -106
- package/dist/components/ui/drawer.d.ts +0 -16
- package/dist/components/ui/drawer.js +0 -99
- package/dist/components/ui/dropdown-menu.d.ts +0 -28
- package/dist/components/ui/dropdown-menu.js +0 -173
- package/dist/components/ui/form.d.ts +0 -27
- package/dist/components/ui/form.js +0 -129
- package/dist/components/ui/hover-card.d.ts +0 -9
- package/dist/components/ui/hover-card.js +0 -36
- package/dist/components/ui/input-otp.d.ts +0 -14
- package/dist/components/ui/input-otp.js +0 -66
- package/dist/components/ui/input.d.ts +0 -6
- package/dist/components/ui/input.js +0 -18
- package/dist/components/ui/label.d.ts +0 -7
- package/dist/components/ui/label.js +0 -17
- package/dist/components/ui/menubar.d.ts +0 -29
- package/dist/components/ui/menubar.js +0 -191
- package/dist/components/ui/navigation-menu.d.ts +0 -18
- package/dist/components/ui/navigation-menu.js +0 -108
- package/dist/components/ui/pagination.d.ts +0 -18
- package/dist/components/ui/pagination.js +0 -103
- package/dist/components/ui/popover.d.ts +0 -10
- package/dist/components/ui/popover.js +0 -41
- package/dist/components/ui/progress.d.ts +0 -7
- package/dist/components/ui/progress.js +0 -26
- package/dist/components/ui/radio-group.d.ts +0 -8
- package/dist/components/ui/radio-group.js +0 -36
- package/dist/components/ui/resizable.d.ts +0 -11
- package/dist/components/ui/resizable.js +0 -42
- package/dist/components/ui/scroll-area.d.ts +0 -8
- package/dist/components/ui/scroll-area.js +0 -41
- package/dist/components/ui/select.d.ts +0 -18
- package/dist/components/ui/select.js +0 -136
- package/dist/components/ui/separator.d.ts +0 -7
- package/dist/components/ui/separator.js +0 -21
- package/dist/components/ui/sheet.d.ts +0 -16
- package/dist/components/ui/sheet.js +0 -106
- package/dist/components/ui/sidebar.d.ts +0 -74
- package/dist/components/ui/sidebar.js +0 -511
- package/dist/components/ui/skeleton.d.ts +0 -5
- package/dist/components/ui/skeleton.js +0 -16
- package/dist/components/ui/slider.d.ts +0 -7
- package/dist/components/ui/slider.js +0 -41
- package/dist/components/ui/sonner.d.ts +0 -6
- package/dist/components/ui/sonner.js +0 -18
- package/dist/components/ui/switch.d.ts +0 -7
- package/dist/components/ui/switch.js +0 -22
- package/dist/components/ui/table.d.ts +0 -13
- package/dist/components/ui/table.js +0 -90
- package/dist/components/ui/tabs.d.ts +0 -10
- package/dist/components/ui/tabs.js +0 -47
- package/dist/components/ui/textarea.d.ts +0 -6
- package/dist/components/ui/textarea.js +0 -16
- package/dist/components/ui/toggle-group.d.ts +0 -11
- package/dist/components/ui/toggle-group.js +0 -57
- package/dist/components/ui/toggle.d.ts +0 -13
- package/dist/components/ui/toggle.js +0 -41
- package/dist/components/ui/tooltip.d.ts +0 -10
- package/dist/components/ui/tooltip.js +0 -50
- package/dist/index.d.ts +0 -63
- package/dist/index.js +0 -48
- package/dist/lib/utils.d.ts +0 -5
- package/dist/lib/utils.js +0 -8
- package/dist/node_modules/@date-fns/tz/date/index.js +0 -101
- package/dist/node_modules/@date-fns/tz/date/mini.js +0 -207
- package/dist/node_modules/@date-fns/tz/tzOffset/index.js +0 -43
- package/dist/node_modules/@radix-ui/primitive/dist/index.js +0 -11
- package/dist/node_modules/@radix-ui/react-compose-refs/dist/index.js +0 -39
- package/dist/node_modules/@radix-ui/react-context/dist/index.js +0 -79
- package/dist/node_modules/@radix-ui/react-dialog/dist/index.js +0 -321
- package/dist/node_modules/@radix-ui/react-dismissable-layer/dist/index.js +0 -211
- package/dist/node_modules/@radix-ui/react-focus-guards/dist/index.js +0 -29
- package/dist/node_modules/@radix-ui/react-focus-scope/dist/index.js +0 -207
- package/dist/node_modules/@radix-ui/react-id/dist/index.js +0 -15
- package/dist/node_modules/@radix-ui/react-portal/dist/index.js +0 -17
- package/dist/node_modules/@radix-ui/react-presence/dist/index.js +0 -130
- package/dist/node_modules/@radix-ui/react-primitive/dist/index.js +0 -43
- package/dist/node_modules/@radix-ui/react-slot/dist/index.js +0 -89
- package/dist/node_modules/@radix-ui/react-use-callback-ref/dist/index.js +0 -12
- package/dist/node_modules/@radix-ui/react-use-controllable-state/dist/index.js +0 -70
- package/dist/node_modules/@radix-ui/react-use-escape-keydown/dist/index.js +0 -18
- package/dist/node_modules/@radix-ui/react-use-layout-effect/dist/index.js +0 -7
- package/dist/node_modules/aria-hidden/dist/es2015/index.js +0 -137
- package/dist/node_modules/class-variance-authority/dist/index.js +0 -44
- package/dist/node_modules/clsx/dist/clsx.js +0 -3
- package/dist/node_modules/cmdk/dist/chunk-NZJY6EH4.js +0 -3
- package/dist/node_modules/cmdk/dist/index.js +0 -10
- package/dist/node_modules/date-fns/_lib/addLeadingZeros.js +0 -7
- package/dist/node_modules/date-fns/_lib/defaultOptions.js +0 -7
- package/dist/node_modules/date-fns/_lib/format/formatters.js +0 -775
- package/dist/node_modules/date-fns/_lib/format/lightFormatters.js +0 -94
- package/dist/node_modules/date-fns/_lib/format/longFormatters.js +0 -66
- package/dist/node_modules/date-fns/_lib/getTimezoneOffsetInMilliseconds.js +0 -31
- package/dist/node_modules/date-fns/_lib/normalizeDates.js +0 -11
- package/dist/node_modules/date-fns/_lib/normalizeInterval.js +0 -8
- package/dist/node_modules/date-fns/_lib/protectedTokens.js +0 -25
- package/dist/node_modules/date-fns/addDays.js +0 -41
- package/dist/node_modules/date-fns/addMonths.js +0 -75
- package/dist/node_modules/date-fns/addWeeks.js +0 -33
- package/dist/node_modules/date-fns/addYears.js +0 -33
- package/dist/node_modules/date-fns/constants.js +0 -46
- package/dist/node_modules/date-fns/constructFrom.js +0 -49
- package/dist/node_modules/date-fns/differenceInCalendarDays.js +0 -62
- package/dist/node_modules/date-fns/differenceInCalendarMonths.js +0 -42
- package/dist/node_modules/date-fns/eachMonthOfInterval.js +0 -65
- package/dist/node_modules/date-fns/endOfISOWeek.js +0 -35
- package/dist/node_modules/date-fns/endOfMonth.js +0 -37
- package/dist/node_modules/date-fns/endOfWeek.js +0 -53
- package/dist/node_modules/date-fns/endOfYear.js +0 -37
- package/dist/node_modules/date-fns/format.js +0 -423
- package/dist/node_modules/date-fns/getDayOfYear.js +0 -34
- package/dist/node_modules/date-fns/getDaysInMonth.js +0 -36
- package/dist/node_modules/date-fns/getISOWeek.js +0 -40
- package/dist/node_modules/date-fns/getISOWeekYear.js +0 -52
- package/dist/node_modules/date-fns/getMonth.js +0 -29
- package/dist/node_modules/date-fns/getWeek.js +0 -54
- package/dist/node_modules/date-fns/getWeekYear.js +0 -75
- package/dist/node_modules/date-fns/getYear.js +0 -29
- package/dist/node_modules/date-fns/isAfter.js +0 -25
- package/dist/node_modules/date-fns/isBefore.js +0 -25
- package/dist/node_modules/date-fns/isDate.js +0 -41
- package/dist/node_modules/date-fns/isSameDay.js +0 -46
- package/dist/node_modules/date-fns/isSameMonth.js +0 -43
- package/dist/node_modules/date-fns/isSameYear.js +0 -35
- package/dist/node_modules/date-fns/isValid.js +0 -39
- package/dist/node_modules/date-fns/locale/_lib/buildFormatLongFn.js +0 -10
- package/dist/node_modules/date-fns/locale/_lib/buildLocalizeFn.js +0 -64
- package/dist/node_modules/date-fns/locale/_lib/buildMatchFn.js +0 -59
- package/dist/node_modules/date-fns/locale/_lib/buildMatchPatternFn.js +0 -22
- package/dist/node_modules/date-fns/locale/en-US/_lib/formatDistance.js +0 -103
- package/dist/node_modules/date-fns/locale/en-US/_lib/formatLong.js +0 -41
- package/dist/node_modules/date-fns/locale/en-US/_lib/formatRelative.js +0 -13
- package/dist/node_modules/date-fns/locale/en-US/_lib/localize.js +0 -189
- package/dist/node_modules/date-fns/locale/en-US/_lib/match.js +0 -134
- package/dist/node_modules/date-fns/locale/en-US.js +0 -28
- package/dist/node_modules/date-fns/max.js +0 -49
- package/dist/node_modules/date-fns/min.js +0 -49
- package/dist/node_modules/date-fns/setMonth.js +0 -46
- package/dist/node_modules/date-fns/setYear.js +0 -40
- package/dist/node_modules/date-fns/startOfDay.js +0 -35
- package/dist/node_modules/date-fns/startOfISOWeek.js +0 -35
- package/dist/node_modules/date-fns/startOfISOWeekYear.js +0 -42
- package/dist/node_modules/date-fns/startOfMonth.js +0 -37
- package/dist/node_modules/date-fns/startOfWeek.js +0 -53
- package/dist/node_modules/date-fns/startOfWeekYear.js +0 -64
- package/dist/node_modules/date-fns/startOfYear.js +0 -36
- package/dist/node_modules/date-fns/toDate.js +0 -46
- package/dist/node_modules/embla-carousel/esm/embla-carousel.esm.js +0 -1669
- package/dist/node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js +0 -37
- package/dist/node_modules/embla-carousel-reactive-utils/esm/embla-carousel-reactive-utils.esm.js +0 -38
- package/dist/node_modules/get-nonce/dist/es2015/index.js +0 -8
- package/dist/node_modules/input-otp/dist/index.js +0 -24
- package/dist/node_modules/react-day-picker/dist/esm/DayPicker.js +0 -285
- package/dist/node_modules/react-day-picker/dist/esm/UI.js +0 -122
- package/dist/node_modules/react-day-picker/dist/esm/classes/CalendarDay.js +0 -30
- package/dist/node_modules/react-day-picker/dist/esm/classes/CalendarMonth.js +0 -14
- package/dist/node_modules/react-day-picker/dist/esm/classes/CalendarWeek.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/classes/DateLib.js +0 -522
- package/dist/node_modules/react-day-picker/dist/esm/components/Button.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/components/CaptionLabel.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/components/Chevron.js +0 -18
- package/dist/node_modules/react-day-picker/dist/esm/components/Day.js +0 -18
- package/dist/node_modules/react-day-picker/dist/esm/components/DayButton.js +0 -19
- package/dist/node_modules/react-day-picker/dist/esm/components/Dropdown.js +0 -21
- package/dist/node_modules/react-day-picker/dist/esm/components/DropdownNav.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/components/Footer.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/components/Month.js +0 -15
- package/dist/node_modules/react-day-picker/dist/esm/components/MonthCaption.js +0 -14
- package/dist/node_modules/react-day-picker/dist/esm/components/MonthGrid.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/components/Months.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/components/MonthsDropdown.js +0 -15
- package/dist/node_modules/react-day-picker/dist/esm/components/Nav.js +0 -31
- package/dist/node_modules/react-day-picker/dist/esm/components/NextMonthButton.js +0 -15
- package/dist/node_modules/react-day-picker/dist/esm/components/Option.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/components/PreviousMonthButton.js +0 -15
- package/dist/node_modules/react-day-picker/dist/esm/components/Root.js +0 -14
- package/dist/node_modules/react-day-picker/dist/esm/components/Select.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/components/Week.js +0 -14
- package/dist/node_modules/react-day-picker/dist/esm/components/WeekNumber.js +0 -14
- package/dist/node_modules/react-day-picker/dist/esm/components/WeekNumberHeader.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/components/Weekday.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/components/Weekdays.js +0 -14
- package/dist/node_modules/react-day-picker/dist/esm/components/Weeks.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/components/YearsDropdown.js +0 -15
- package/dist/node_modules/react-day-picker/dist/esm/components/custom-components.js +0 -26
- package/dist/node_modules/react-day-picker/dist/esm/formatters/formatCaption.js +0 -25
- package/dist/node_modules/react-day-picker/dist/esm/formatters/formatDay.js +0 -19
- package/dist/node_modules/react-day-picker/dist/esm/formatters/formatMonthDropdown.js +0 -18
- package/dist/node_modules/react-day-picker/dist/esm/formatters/formatWeekNumber.js +0 -21
- package/dist/node_modules/react-day-picker/dist/esm/formatters/formatWeekNumberHeader.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/formatters/formatWeekdayName.js +0 -19
- package/dist/node_modules/react-day-picker/dist/esm/formatters/formatYearDropdown.js +0 -23
- package/dist/node_modules/react-day-picker/dist/esm/formatters/index.js +0 -7
- package/dist/node_modules/react-day-picker/dist/esm/helpers/calculateFocusTarget.js +0 -73
- package/dist/node_modules/react-day-picker/dist/esm/helpers/createGetModifiers.js +0 -95
- package/dist/node_modules/react-day-picker/dist/esm/helpers/endOfBroadcastWeek.js +0 -22
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getBroadcastWeeksInMonth.js +0 -28
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getClassNamesForModifiers.js +0 -33
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getComponents.js +0 -20
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getDataAttributes.js +0 -27
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getDates.js +0 -51
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getDays.js +0 -19
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.js +0 -33
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getDisplayMonths.js +0 -24
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getFocusableDate.js +0 -46
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getFormatters.js +0 -24
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getInitialMonth.js +0 -28
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getMonthOptions.js +0 -33
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getMonths.js +0 -69
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getNavMonth.js +0 -51
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getNextFocus.js +0 -39
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getNextMonth.js +0 -36
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getPreviousMonth.js +0 -37
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getStyleForModifiers.js +0 -27
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getWeekdays.js +0 -24
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getWeeks.js +0 -14
- package/dist/node_modules/react-day-picker/dist/esm/helpers/getYearOptions.js +0 -38
- package/dist/node_modules/react-day-picker/dist/esm/helpers/startOfBroadcastWeek.js +0 -27
- package/dist/node_modules/react-day-picker/dist/esm/helpers/useControlledValue.js +0 -31
- package/dist/node_modules/react-day-picker/dist/esm/labels/index.js +0 -11
- package/dist/node_modules/react-day-picker/dist/esm/labels/labelDayButton.js +0 -32
- package/dist/node_modules/react-day-picker/dist/esm/labels/labelGrid.js +0 -24
- package/dist/node_modules/react-day-picker/dist/esm/labels/labelGridcell.js +0 -22
- package/dist/node_modules/react-day-picker/dist/esm/labels/labelMonthDropdown.js +0 -14
- package/dist/node_modules/react-day-picker/dist/esm/labels/labelNav.js +0 -13
- package/dist/node_modules/react-day-picker/dist/esm/labels/labelNext.js +0 -15
- package/dist/node_modules/react-day-picker/dist/esm/labels/labelPrevious.js +0 -15
- package/dist/node_modules/react-day-picker/dist/esm/labels/labelWeekNumber.js +0 -15
- package/dist/node_modules/react-day-picker/dist/esm/labels/labelWeekNumberHeader.js +0 -14
- package/dist/node_modules/react-day-picker/dist/esm/labels/labelWeekday.js +0 -18
- package/dist/node_modules/react-day-picker/dist/esm/labels/labelYearDropdown.js +0 -14
- package/dist/node_modules/react-day-picker/dist/esm/selection/useMulti.js +0 -57
- package/dist/node_modules/react-day-picker/dist/esm/selection/useRange.js +0 -45
- package/dist/node_modules/react-day-picker/dist/esm/selection/useSingle.js +0 -44
- package/dist/node_modules/react-day-picker/dist/esm/useAnimation.js +0 -175
- package/dist/node_modules/react-day-picker/dist/esm/useCalendar.js +0 -85
- package/dist/node_modules/react-day-picker/dist/esm/useDayPicker.js +0 -25
- package/dist/node_modules/react-day-picker/dist/esm/useFocus.js +0 -50
- package/dist/node_modules/react-day-picker/dist/esm/useSelection.js +0 -31
- package/dist/node_modules/react-day-picker/dist/esm/utils/addToRange.js +0 -92
- package/dist/node_modules/react-day-picker/dist/esm/utils/dateMatchModifiers.js +0 -62
- package/dist/node_modules/react-day-picker/dist/esm/utils/rangeContainsDayOfWeek.js +0 -30
- package/dist/node_modules/react-day-picker/dist/esm/utils/rangeContainsModifiers.js +0 -74
- package/dist/node_modules/react-day-picker/dist/esm/utils/rangeIncludesDate.js +0 -35
- package/dist/node_modules/react-day-picker/dist/esm/utils/rangeOverlaps.js +0 -21
- package/dist/node_modules/react-day-picker/dist/esm/utils/typeguards.js +0 -66
- package/dist/node_modules/react-hook-form/dist/index.esm.js +0 -507
- package/dist/node_modules/react-remove-scroll/dist/es2015/Combination.js +0 -9
- package/dist/node_modules/react-remove-scroll/dist/es2015/SideEffect.js +0 -160
- package/dist/node_modules/react-remove-scroll/dist/es2015/UI.js +0 -38
- package/dist/node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js +0 -21
- package/dist/node_modules/react-remove-scroll/dist/es2015/handleScroll.js +0 -110
- package/dist/node_modules/react-remove-scroll/dist/es2015/medium.js +0 -5
- package/dist/node_modules/react-remove-scroll/dist/es2015/sidecar.js +0 -7
- package/dist/node_modules/react-remove-scroll-bar/dist/es2015/component.js +0 -56
- package/dist/node_modules/react-remove-scroll-bar/dist/es2015/constants.js +0 -10
- package/dist/node_modules/react-remove-scroll-bar/dist/es2015/utils.js +0 -31
- package/dist/node_modules/react-resizable-panels/dist/react-resizable-panels.js +0 -2407
- package/dist/node_modules/react-style-singleton/dist/es2015/component.js +0 -19
- package/dist/node_modules/react-style-singleton/dist/es2015/hook.js +0 -25
- package/dist/node_modules/react-style-singleton/dist/es2015/singleton.js +0 -51
- package/dist/node_modules/sonner/dist/index.js +0 -1125
- package/dist/node_modules/tailwind-merge/dist/bundle-mjs.js +0 -2956
- package/dist/node_modules/tslib/tslib.es6.js +0 -56
- package/dist/node_modules/use-callback-ref/dist/es2015/assignRef.js +0 -24
- package/dist/node_modules/use-callback-ref/dist/es2015/useMergeRef.js +0 -48
- package/dist/node_modules/use-callback-ref/dist/es2015/useRef.js +0 -42
- package/dist/node_modules/use-sidecar/dist/es2015/exports.js +0 -21
- package/dist/node_modules/use-sidecar/dist/es2015/medium.js +0 -77
- package/dist/node_modules/vaul/dist/index.js +0 -1627
- package/dist/providers/ThemeProvider.d.ts +0 -12
- package/dist/providers/ThemeProvider.js +0 -27
- package/dist/providers/index.d.ts +0 -3
- package/dist/styles.css +0 -1
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { useTheme, FormControl, FormLabel, Typography, RadioGroup as RadioGroup$1, Box, FormControlLabel, Radio, FormHelperText } from '@mui/material';
|
|
4
|
+
|
|
5
|
+
const RadioGroup = React.forwardRef(({ label, options = [], value, defaultValue, onChange, name, disabled = false, required = false, error = false, helperText, row = false, size = 'medium', color = 'primary', sx = {}, radioSx = {}, labelSx = {}, ...props }, ref) => {
|
|
6
|
+
const theme = useTheme();
|
|
7
|
+
const [internalValue, setInternalValue] = React.useState(value || defaultValue || '');
|
|
8
|
+
// Sync with external value prop
|
|
9
|
+
React.useEffect(() => {
|
|
10
|
+
if (value !== undefined) {
|
|
11
|
+
setInternalValue(value);
|
|
12
|
+
}
|
|
13
|
+
}, [value]);
|
|
14
|
+
const handleChange = (event) => {
|
|
15
|
+
const newValue = event.target.value;
|
|
16
|
+
if (value === undefined) {
|
|
17
|
+
setInternalValue(newValue);
|
|
18
|
+
}
|
|
19
|
+
onChange?.(newValue);
|
|
20
|
+
};
|
|
21
|
+
const currentValue = value !== undefined ? value : internalValue;
|
|
22
|
+
return (jsxs(FormControl, { ref: ref, component: "fieldset", variant: "standard", disabled: disabled, required: required, error: error, sx: {
|
|
23
|
+
borderRadius: '8px',
|
|
24
|
+
...sx,
|
|
25
|
+
}, ...props, children: [label && (jsxs(FormLabel, { component: "legend", sx: {
|
|
26
|
+
fontWeight: 500,
|
|
27
|
+
fontSize: size === 'small' ? '0.875rem' : '1rem',
|
|
28
|
+
color: disabled
|
|
29
|
+
? theme.palette.text.disabled
|
|
30
|
+
: error
|
|
31
|
+
? theme.palette.error.main
|
|
32
|
+
: theme.palette.text.primary,
|
|
33
|
+
'&.Mui-focused': {
|
|
34
|
+
color: error
|
|
35
|
+
? theme.palette.error.main
|
|
36
|
+
: `${theme.palette[color].main}`,
|
|
37
|
+
},
|
|
38
|
+
mb: 1,
|
|
39
|
+
...labelSx,
|
|
40
|
+
}, children: [label, required && (jsx(Typography, { component: "span", sx: {
|
|
41
|
+
color: theme.palette.error.main,
|
|
42
|
+
ml: 0.5,
|
|
43
|
+
fontSize: 'inherit',
|
|
44
|
+
}, children: "*" }))] })), jsx(RadioGroup$1, { name: name, value: currentValue, onChange: handleChange, row: row, sx: {
|
|
45
|
+
gap: size === 'small' ? 1 : 1.5,
|
|
46
|
+
'& .MuiFormControlLabel-root': {
|
|
47
|
+
marginLeft: 0,
|
|
48
|
+
marginRight: row ? 2 : 0,
|
|
49
|
+
},
|
|
50
|
+
}, children: options.map((option) => (jsx(Box, { children: jsx(FormControlLabel, { value: option.value, disabled: disabled || option.disabled, control: jsx(Radio, { size: size, color: color, sx: {
|
|
51
|
+
'&.Mui-checked': {
|
|
52
|
+
color: error
|
|
53
|
+
? theme.palette.error.main
|
|
54
|
+
: `${theme.palette[color].main}`,
|
|
55
|
+
},
|
|
56
|
+
alignSelf: option.description ? 'flex-start' : 'center',
|
|
57
|
+
mt: option.description ? 0.25 : 0,
|
|
58
|
+
...radioSx,
|
|
59
|
+
} }), label: jsxs(Box, { sx: { display: 'flex', flexDirection: 'column' }, children: [jsx(Typography, { variant: size === 'small' ? 'body2' : 'body1', sx: {
|
|
60
|
+
fontWeight: 400,
|
|
61
|
+
color: disabled || option.disabled
|
|
62
|
+
? theme.palette.text.disabled
|
|
63
|
+
: theme.palette.text.primary,
|
|
64
|
+
lineHeight: 1.5,
|
|
65
|
+
}, children: option.label }), option.description && (jsx(Typography, { variant: "caption", sx: {
|
|
66
|
+
color: disabled || option.disabled
|
|
67
|
+
? theme.palette.text.disabled
|
|
68
|
+
: theme.palette.text.secondary,
|
|
69
|
+
mt: 0.25,
|
|
70
|
+
lineHeight: 1.4,
|
|
71
|
+
}, children: option.description }))] }), sx: {
|
|
72
|
+
alignItems: option.description ? 'flex-start' : 'center',
|
|
73
|
+
margin: 0,
|
|
74
|
+
display: 'flex',
|
|
75
|
+
'& .MuiFormControlLabel-label': {
|
|
76
|
+
ml: 1,
|
|
77
|
+
flex: 1,
|
|
78
|
+
},
|
|
79
|
+
'& .MuiButtonBase-root': {
|
|
80
|
+
p: size === 'small' ? 0.5 : 1,
|
|
81
|
+
},
|
|
82
|
+
} }) }, option.value))) }), helperText && (jsx(FormHelperText, { sx: {
|
|
83
|
+
mt: 1,
|
|
84
|
+
fontSize: size === 'small' ? '0.75rem' : '0.875rem',
|
|
85
|
+
color: error
|
|
86
|
+
? theme.palette.error.main
|
|
87
|
+
: theme.palette.text.secondary,
|
|
88
|
+
}, children: helperText }))] }));
|
|
89
|
+
});
|
|
90
|
+
RadioGroup.displayName = 'RadioGroup';
|
|
91
|
+
|
|
92
|
+
export { RadioGroup, RadioGroup as default };
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var material = require('@mui/material');
|
|
8
|
+
|
|
9
|
+
const RadioGroup = React.forwardRef(({ label, options = [], value, defaultValue, onChange, name, disabled = false, required = false, error = false, helperText, row = false, size = 'medium', color = 'primary', sx = {}, radioSx = {}, labelSx = {}, ...props }, ref) => {
|
|
10
|
+
const theme = material.useTheme();
|
|
11
|
+
const [internalValue, setInternalValue] = React.useState(value || defaultValue || '');
|
|
12
|
+
// Sync with external value prop
|
|
13
|
+
React.useEffect(() => {
|
|
14
|
+
if (value !== undefined) {
|
|
15
|
+
setInternalValue(value);
|
|
16
|
+
}
|
|
17
|
+
}, [value]);
|
|
18
|
+
const handleChange = (event) => {
|
|
19
|
+
const newValue = event.target.value;
|
|
20
|
+
if (value === undefined) {
|
|
21
|
+
setInternalValue(newValue);
|
|
22
|
+
}
|
|
23
|
+
onChange?.(newValue);
|
|
24
|
+
};
|
|
25
|
+
const currentValue = value !== undefined ? value : internalValue;
|
|
26
|
+
return (jsxRuntime.jsxs(material.FormControl, { ref: ref, component: "fieldset", variant: "standard", disabled: disabled, required: required, error: error, sx: {
|
|
27
|
+
borderRadius: '8px',
|
|
28
|
+
...sx,
|
|
29
|
+
}, ...props, children: [label && (jsxRuntime.jsxs(material.FormLabel, { component: "legend", sx: {
|
|
30
|
+
fontWeight: 500,
|
|
31
|
+
fontSize: size === 'small' ? '0.875rem' : '1rem',
|
|
32
|
+
color: disabled
|
|
33
|
+
? theme.palette.text.disabled
|
|
34
|
+
: error
|
|
35
|
+
? theme.palette.error.main
|
|
36
|
+
: theme.palette.text.primary,
|
|
37
|
+
'&.Mui-focused': {
|
|
38
|
+
color: error
|
|
39
|
+
? theme.palette.error.main
|
|
40
|
+
: `${theme.palette[color].main}`,
|
|
41
|
+
},
|
|
42
|
+
mb: 1,
|
|
43
|
+
...labelSx,
|
|
44
|
+
}, children: [label, required && (jsxRuntime.jsx(material.Typography, { component: "span", sx: {
|
|
45
|
+
color: theme.palette.error.main,
|
|
46
|
+
ml: 0.5,
|
|
47
|
+
fontSize: 'inherit',
|
|
48
|
+
}, children: "*" }))] })), jsxRuntime.jsx(material.RadioGroup, { name: name, value: currentValue, onChange: handleChange, row: row, sx: {
|
|
49
|
+
gap: size === 'small' ? 1 : 1.5,
|
|
50
|
+
'& .MuiFormControlLabel-root': {
|
|
51
|
+
marginLeft: 0,
|
|
52
|
+
marginRight: row ? 2 : 0,
|
|
53
|
+
},
|
|
54
|
+
}, children: options.map((option) => (jsxRuntime.jsx(material.Box, { children: jsxRuntime.jsx(material.FormControlLabel, { value: option.value, disabled: disabled || option.disabled, control: jsxRuntime.jsx(material.Radio, { size: size, color: color, sx: {
|
|
55
|
+
'&.Mui-checked': {
|
|
56
|
+
color: error
|
|
57
|
+
? theme.palette.error.main
|
|
58
|
+
: `${theme.palette[color].main}`,
|
|
59
|
+
},
|
|
60
|
+
alignSelf: option.description ? 'flex-start' : 'center',
|
|
61
|
+
mt: option.description ? 0.25 : 0,
|
|
62
|
+
...radioSx,
|
|
63
|
+
} }), label: jsxRuntime.jsxs(material.Box, { sx: { display: 'flex', flexDirection: 'column' }, children: [jsxRuntime.jsx(material.Typography, { variant: size === 'small' ? 'body2' : 'body1', sx: {
|
|
64
|
+
fontWeight: 400,
|
|
65
|
+
color: disabled || option.disabled
|
|
66
|
+
? theme.palette.text.disabled
|
|
67
|
+
: theme.palette.text.primary,
|
|
68
|
+
lineHeight: 1.5,
|
|
69
|
+
}, children: option.label }), option.description && (jsxRuntime.jsx(material.Typography, { variant: "caption", sx: {
|
|
70
|
+
color: disabled || option.disabled
|
|
71
|
+
? theme.palette.text.disabled
|
|
72
|
+
: theme.palette.text.secondary,
|
|
73
|
+
mt: 0.25,
|
|
74
|
+
lineHeight: 1.4,
|
|
75
|
+
}, children: option.description }))] }), sx: {
|
|
76
|
+
alignItems: option.description ? 'flex-start' : 'center',
|
|
77
|
+
margin: 0,
|
|
78
|
+
display: 'flex',
|
|
79
|
+
'& .MuiFormControlLabel-label': {
|
|
80
|
+
ml: 1,
|
|
81
|
+
flex: 1,
|
|
82
|
+
},
|
|
83
|
+
'& .MuiButtonBase-root': {
|
|
84
|
+
p: size === 'small' ? 0.5 : 1,
|
|
85
|
+
},
|
|
86
|
+
} }) }, option.value))) }), helperText && (jsxRuntime.jsx(material.FormHelperText, { sx: {
|
|
87
|
+
mt: 1,
|
|
88
|
+
fontSize: size === 'small' ? '0.75rem' : '0.875rem',
|
|
89
|
+
color: error
|
|
90
|
+
? theme.palette.error.main
|
|
91
|
+
: theme.palette.text.secondary,
|
|
92
|
+
}, children: helperText }))] }));
|
|
93
|
+
});
|
|
94
|
+
RadioGroup.displayName = 'RadioGroup';
|
|
95
|
+
|
|
96
|
+
exports.RadioGroup = RadioGroup;
|
|
97
|
+
exports.default = RadioGroup;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { TypographyProps, SxProps } from '@mui/material';
|
|
3
|
+
|
|
4
|
+
interface HeadingProps extends TypographyProps {
|
|
5
|
+
level?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
6
|
+
}
|
|
7
|
+
declare const Heading: ({ level, ...props }: HeadingProps) => react_jsx_runtime.JSX.Element;
|
|
8
|
+
|
|
9
|
+
interface TextProps extends TypographyProps {
|
|
10
|
+
size?: 'sm' | 'md' | 'lg';
|
|
11
|
+
}
|
|
12
|
+
declare const Text: ({ size, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
|
|
13
|
+
|
|
14
|
+
declare const Lead: (props: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
15
|
+
|
|
16
|
+
declare const Muted: (props: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
17
|
+
|
|
18
|
+
declare const Strong: (props: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
19
|
+
|
|
20
|
+
declare const Caption: (props: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
21
|
+
|
|
22
|
+
declare const Blockquote: (props: TypographyProps) => react_jsx_runtime.JSX.Element;
|
|
23
|
+
|
|
24
|
+
interface CodeProps {
|
|
25
|
+
children: React.ReactNode;
|
|
26
|
+
sx?: SxProps;
|
|
27
|
+
}
|
|
28
|
+
declare const Code: ({ children, sx }: CodeProps) => react_jsx_runtime.JSX.Element;
|
|
29
|
+
|
|
30
|
+
export { Blockquote, Caption, Code, Heading, Lead, Muted, Strong, Text };
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { Typography, Box } from '@mui/material';
|
|
3
|
+
|
|
4
|
+
const Heading = ({ level = 1, ...props }) => {
|
|
5
|
+
const variant = `h${level}`;
|
|
6
|
+
return (jsx(Typography, { variant: variant, component: props.component || `h${level}`, fontWeight: 600, gutterBottom: true, ...props }));
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
const Text = ({ size = 'md', ...props }) => {
|
|
10
|
+
const variantMap = {
|
|
11
|
+
sm: 'body2',
|
|
12
|
+
md: 'body1',
|
|
13
|
+
lg: 'subtitle1',
|
|
14
|
+
};
|
|
15
|
+
return (jsx(Typography, { variant: variantMap[size], component: props.component || 'p', ...props }));
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
const Lead = (props) => {
|
|
19
|
+
return (jsx(Typography, { variant: "subtitle1", component: props.component || 'p', fontWeight: 400, color: "text.secondary", ...props }));
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
const Muted = (props) => {
|
|
23
|
+
return (jsx(Typography, { variant: "body2", component: props.component || 'span', color: "text.disabled", ...props }));
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
const Strong = (props) => {
|
|
27
|
+
return (jsx(Typography, { component: props.component || 'strong', fontWeight: 700, display: "inline", ...props }));
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
const Caption = (props) => {
|
|
31
|
+
return (jsx(Typography, { variant: "caption", color: "text.secondary", component: props.component || 'span', ...props }));
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
const Blockquote = (props) => {
|
|
35
|
+
return (jsx(Typography, { component: "blockquote", sx: {
|
|
36
|
+
borderLeft: '4px solid',
|
|
37
|
+
borderColor: 'divider',
|
|
38
|
+
pl: 2,
|
|
39
|
+
color: 'text.secondary',
|
|
40
|
+
fontStyle: 'italic',
|
|
41
|
+
}, ...props }));
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
const Code = ({ children, sx }) => {
|
|
45
|
+
return (jsx(Box, { component: "code", sx: {
|
|
46
|
+
fontFamily: 'monospace',
|
|
47
|
+
backgroundColor: 'grey.100',
|
|
48
|
+
color: 'primary.main',
|
|
49
|
+
px: 0.5,
|
|
50
|
+
py: 0.25,
|
|
51
|
+
borderRadius: 1,
|
|
52
|
+
fontSize: '0.875rem',
|
|
53
|
+
...sx,
|
|
54
|
+
}, children: children }));
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
export { Blockquote, Caption, Code, Heading, Lead, Muted, Strong, Text };
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var material = require('@mui/material');
|
|
5
|
+
|
|
6
|
+
const Heading = ({ level = 1, ...props }) => {
|
|
7
|
+
const variant = `h${level}`;
|
|
8
|
+
return (jsxRuntime.jsx(material.Typography, { variant: variant, component: props.component || `h${level}`, fontWeight: 600, gutterBottom: true, ...props }));
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
const Text = ({ size = 'md', ...props }) => {
|
|
12
|
+
const variantMap = {
|
|
13
|
+
sm: 'body2',
|
|
14
|
+
md: 'body1',
|
|
15
|
+
lg: 'subtitle1',
|
|
16
|
+
};
|
|
17
|
+
return (jsxRuntime.jsx(material.Typography, { variant: variantMap[size], component: props.component || 'p', ...props }));
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
const Lead = (props) => {
|
|
21
|
+
return (jsxRuntime.jsx(material.Typography, { variant: "subtitle1", component: props.component || 'p', fontWeight: 400, color: "text.secondary", ...props }));
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
const Muted = (props) => {
|
|
25
|
+
return (jsxRuntime.jsx(material.Typography, { variant: "body2", component: props.component || 'span', color: "text.disabled", ...props }));
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
const Strong = (props) => {
|
|
29
|
+
return (jsxRuntime.jsx(material.Typography, { component: props.component || 'strong', fontWeight: 700, display: "inline", ...props }));
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
const Caption = (props) => {
|
|
33
|
+
return (jsxRuntime.jsx(material.Typography, { variant: "caption", color: "text.secondary", component: props.component || 'span', ...props }));
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
const Blockquote = (props) => {
|
|
37
|
+
return (jsxRuntime.jsx(material.Typography, { component: "blockquote", sx: {
|
|
38
|
+
borderLeft: '4px solid',
|
|
39
|
+
borderColor: 'divider',
|
|
40
|
+
pl: 2,
|
|
41
|
+
color: 'text.secondary',
|
|
42
|
+
fontStyle: 'italic',
|
|
43
|
+
}, ...props }));
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
const Code = ({ children, sx }) => {
|
|
47
|
+
return (jsxRuntime.jsx(material.Box, { component: "code", sx: {
|
|
48
|
+
fontFamily: 'monospace',
|
|
49
|
+
backgroundColor: 'grey.100',
|
|
50
|
+
color: 'primary.main',
|
|
51
|
+
px: 0.5,
|
|
52
|
+
py: 0.25,
|
|
53
|
+
borderRadius: 1,
|
|
54
|
+
fontSize: '0.875rem',
|
|
55
|
+
...sx,
|
|
56
|
+
}, children: children }));
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
exports.Blockquote = Blockquote;
|
|
60
|
+
exports.Caption = Caption;
|
|
61
|
+
exports.Code = Code;
|
|
62
|
+
exports.Heading = Heading;
|
|
63
|
+
exports.Lead = Lead;
|
|
64
|
+
exports.Muted = Muted;
|
|
65
|
+
exports.Strong = Strong;
|
|
66
|
+
exports.Text = Text;
|
package/package.json
CHANGED
|
@@ -1,97 +1,120 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zimyo/ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.1.1",
|
|
4
|
+
"description": "Scalable UI component library built on MUI Material",
|
|
4
5
|
"main": "dist/index.js",
|
|
5
|
-
"module": "dist/index.js",
|
|
6
|
-
"
|
|
7
|
-
"@hookform/resolvers": "^5.1.1",
|
|
8
|
-
"@tanstack/react-table": "^8.21.3",
|
|
9
|
-
"clsx": "^2.1.1",
|
|
10
|
-
"cmdk": "^1.1.1",
|
|
11
|
-
"embla-carousel-react": "^8.6.0",
|
|
12
|
-
"input-otp": "^1.4.2",
|
|
13
|
-
"react-day-picker": "^9.7.0",
|
|
14
|
-
"react-hook-form": "^7.58.1",
|
|
15
|
-
"react-resizable-panels": "^3.0.3",
|
|
16
|
-
"sonner": "^2.0.5",
|
|
17
|
-
"tailwind-merge": "^3.3.0",
|
|
18
|
-
"tw-animate-css": "^1.3.4",
|
|
19
|
-
"vaul": "^1.1.2",
|
|
20
|
-
"zod": "^3.25.67"
|
|
21
|
-
},
|
|
22
|
-
"peerDependencies": {
|
|
23
|
-
"lucide-react": "^0.522.0",
|
|
24
|
-
"radix-ui": "^1.4.2",
|
|
25
|
-
"react": "^16.8 || ^17.0 || ^18.0",
|
|
26
|
-
"react-dom": "^16.8 || ^17.0 || ^18.0",
|
|
27
|
-
"recharts": "^2.15.4"
|
|
28
|
-
},
|
|
29
|
-
"devDependencies": {
|
|
30
|
-
"@babel/preset-react": "^7.27.1",
|
|
31
|
-
"@rollup/plugin-alias": "^5.1.1",
|
|
32
|
-
"@rollup/plugin-babel": "^6.0.4",
|
|
33
|
-
"@rollup/plugin-commonjs": "^28.0.3",
|
|
34
|
-
"@rollup/plugin-node-resolve": "^16.0.1",
|
|
35
|
-
"@rollup/plugin-typescript": "^12.1.2",
|
|
36
|
-
"@storybook/addon-docs": "^8.6.14",
|
|
37
|
-
"@storybook/addon-essentials": "8.6.14",
|
|
38
|
-
"@storybook/addon-links": "^8.6.14",
|
|
39
|
-
"@storybook/addon-onboarding": "^8.6.14",
|
|
40
|
-
"@storybook/addon-postcss": "^2.0.0",
|
|
41
|
-
"@storybook/addon-webpack5-compiler-swc": "^3.0.0",
|
|
42
|
-
"@storybook/react-webpack5": "^8.6.14 ",
|
|
43
|
-
"@storybook/test": "^8.6.14",
|
|
44
|
-
"@tailwindcss/cli": "^4.0.0",
|
|
45
|
-
"@tailwindcss/postcss": "^4.1.8",
|
|
46
|
-
"@types/react": "^18.0.0",
|
|
47
|
-
"@types/react-dom": "^18.0.0",
|
|
48
|
-
"autoprefixer": "^10.4.21",
|
|
49
|
-
"class-variance-authority": "^0.7.1",
|
|
50
|
-
"date-fns": "^4.1.0",
|
|
51
|
-
"lucide-react": "^0.522.0",
|
|
52
|
-
"postcss": "^8.5.4",
|
|
53
|
-
"radix-ui": "^1.4.2",
|
|
54
|
-
"react": "^18.3.1",
|
|
55
|
-
"react-dom": "^18.3.1",
|
|
56
|
-
"recharts": "^2.15.4",
|
|
57
|
-
"rollup": "^4.42.0",
|
|
58
|
-
"rollup-plugin-dts": "^6.2.1",
|
|
59
|
-
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
60
|
-
"rollup-plugin-postcss": "^4.0.2",
|
|
61
|
-
"rollup-plugin-visualizer": "^6.0.3",
|
|
62
|
-
"storybook": "^8.6.14",
|
|
63
|
-
"tailwindcss": "^4.1.8",
|
|
64
|
-
"tslib": "^2.8.1",
|
|
65
|
-
"typescript": "^5.8.3"
|
|
66
|
-
},
|
|
6
|
+
"module": "dist/index.esm.js",
|
|
7
|
+
"types": "dist/index.d.ts",
|
|
67
8
|
"exports": {
|
|
68
9
|
".": {
|
|
69
|
-
"import": "./dist/index.js",
|
|
10
|
+
"import": "./dist/index.esm.js",
|
|
11
|
+
"require": "./dist/index.js",
|
|
70
12
|
"types": "./dist/index.d.ts"
|
|
71
13
|
},
|
|
72
|
-
"./
|
|
73
|
-
"import": "./dist/
|
|
74
|
-
"
|
|
14
|
+
"./Button": {
|
|
15
|
+
"import": "./dist/Button/index.esm.js",
|
|
16
|
+
"require": "./dist/Button/index.js",
|
|
17
|
+
"types": "./dist/Button/index.d.ts"
|
|
18
|
+
},
|
|
19
|
+
"./Popover": {
|
|
20
|
+
"import": "./dist/Popover/index.esm.js",
|
|
21
|
+
"require": "./dist/Popover/index.js",
|
|
22
|
+
"types": "./dist/Popover/index.d.ts"
|
|
23
|
+
},
|
|
24
|
+
"./Typography": {
|
|
25
|
+
"import": "./dist/Typography/index.esm.js",
|
|
26
|
+
"require": "./dist/Typography/index.js",
|
|
27
|
+
"types": "./dist/Typography/index.d.ts"
|
|
28
|
+
},
|
|
29
|
+
"./Card": {
|
|
30
|
+
"import": "./dist/Card/index.esm.js",
|
|
31
|
+
"require": "./dist/Card/index.js",
|
|
32
|
+
"types": "./dist/Card/index.d.ts"
|
|
33
|
+
},
|
|
34
|
+
"./Accordion": {
|
|
35
|
+
"import": "./dist/Accordion/index.esm.js",
|
|
36
|
+
"require": "./dist/Accordion/index.js",
|
|
37
|
+
"types": "./dist/Accordion/index.d.ts"
|
|
75
38
|
},
|
|
76
|
-
"
|
|
39
|
+
"./Select": {
|
|
40
|
+
"import": "./dist/Select/index.esm.js",
|
|
41
|
+
"require": "./dist/Select/index.js",
|
|
42
|
+
"types": "./dist/Select/index.d.ts"
|
|
43
|
+
},
|
|
44
|
+
"./TextInput": {
|
|
45
|
+
"import": "./dist/Input/index.esm.js",
|
|
46
|
+
"require": "./dist/Input/index.js",
|
|
47
|
+
"types": "./dist/Input/index.d.ts"
|
|
48
|
+
},
|
|
49
|
+
"./Switch": {
|
|
50
|
+
"import": "./dist/Switch/index.esm.js",
|
|
51
|
+
"require": "./dist/Switch/index.js",
|
|
52
|
+
"types": "./dist/Switch/index.d.ts"
|
|
53
|
+
},
|
|
54
|
+
"./theme": {
|
|
55
|
+
"import": "./dist/theme/index.esm.js",
|
|
56
|
+
"require": "./dist/theme/index.js",
|
|
57
|
+
"types": "./dist/theme/index.d.ts"
|
|
58
|
+
}
|
|
77
59
|
},
|
|
78
|
-
"description": "My shadcn/ui component library with Tailwind v4",
|
|
79
60
|
"files": [
|
|
80
|
-
"dist"
|
|
81
|
-
"!**/*.stories.tsx",
|
|
82
|
-
"!**/*.stories.js",
|
|
83
|
-
"!**/__tests__"
|
|
61
|
+
"dist"
|
|
84
62
|
],
|
|
85
63
|
"scripts": {
|
|
86
|
-
"build
|
|
87
|
-
"
|
|
88
|
-
"build": "npm run build:js",
|
|
89
|
-
"dev": "rollup -c -w",
|
|
64
|
+
"build": "rollup -c --bundleConfigAsCjs",
|
|
65
|
+
"build:watch": "rollup -c -w",
|
|
90
66
|
"storybook": "storybook dev -p 6006",
|
|
91
|
-
"build-storybook": "storybook build"
|
|
67
|
+
"build-storybook": "storybook build",
|
|
68
|
+
"test:watch": "jest --watch",
|
|
69
|
+
"lint": "eslint src --ext .ts,.tsx",
|
|
70
|
+
"typecheck": "tsc --noEmit",
|
|
71
|
+
"generate:exports": "node scripts/generate-exports.js",
|
|
72
|
+
"version": "changeset version",
|
|
73
|
+
"release": "changeset publish"
|
|
92
74
|
},
|
|
93
|
-
"
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
75
|
+
"peerDependencies": {
|
|
76
|
+
"@emotion/react": ">=11.0.0",
|
|
77
|
+
"@emotion/styled": ">=11.0.0",
|
|
78
|
+
"@mui/material": ">=5.0.0",
|
|
79
|
+
"react": ">=17.0.0",
|
|
80
|
+
"react-dom": ">=17.0.0"
|
|
81
|
+
},
|
|
82
|
+
"devDependencies": {
|
|
83
|
+
"@changesets/cli": "^2.29.5",
|
|
84
|
+
"@rollup/plugin-commonjs": "^25.0.0",
|
|
85
|
+
"@rollup/plugin-node-resolve": "^15.0.0",
|
|
86
|
+
"@rollup/plugin-typescript": "^11.0.0",
|
|
87
|
+
"@storybook/addon-webpack5-compiler-swc": "^3.0.0",
|
|
88
|
+
"@storybook/react-webpack5": "^9.0.14",
|
|
89
|
+
"@testing-library/jest-dom": "^6.6.3",
|
|
90
|
+
"@testing-library/react": "^13.4.0",
|
|
91
|
+
"@types/jest": "^30.0.0",
|
|
92
|
+
"@types/node": "^20.9.0",
|
|
93
|
+
"@types/react": "^18.0.0",
|
|
94
|
+
"eslint": "^8.0.0",
|
|
95
|
+
"eslint-plugin-storybook": "^9.0.14",
|
|
96
|
+
"jest": "^29.7.0",
|
|
97
|
+
"react": "^18.0.0",
|
|
98
|
+
"react-dom": "^18.0.0",
|
|
99
|
+
"rollup": "^3.0.0",
|
|
100
|
+
"rollup-plugin-dts": "^6.0.0",
|
|
101
|
+
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
102
|
+
"storybook": "^9.0.14",
|
|
103
|
+
"typescript": "^5.0.0"
|
|
104
|
+
},
|
|
105
|
+
"dependencies": {
|
|
106
|
+
"@emotion/react": ">=11.0.0",
|
|
107
|
+
"@emotion/styled": ">=11.0.0",
|
|
108
|
+
"@mui/icons-material": "^7.1.2",
|
|
109
|
+
"@mui/material": ">=5.0.0",
|
|
110
|
+
"@mui/styles": "^6.4.8"
|
|
111
|
+
},
|
|
112
|
+
"eslintConfig": {
|
|
113
|
+
"extends": [
|
|
114
|
+
"plugin:storybook/recommended"
|
|
115
|
+
]
|
|
116
|
+
},
|
|
117
|
+
"publishConfig": {
|
|
118
|
+
"access": "public"
|
|
119
|
+
}
|
|
120
|
+
}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
export { Button, buttonVariants } from './ui/button.js';
|
|
2
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './ui/accordion.js';
|
|
3
|
-
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './ui/alert-dialog.js';
|
|
4
|
-
export { Alert, AlertDescription, AlertTitle } from './ui/alert.js';
|
|
5
|
-
export { AspectRatio } from './ui/aspect-ratio.js';
|
|
6
|
-
export { Avatar, AvatarFallback, AvatarImage } from './ui/avatar.js';
|
|
7
|
-
export { Badge, badgeVariants } from './ui/badge.js';
|
|
8
|
-
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from './ui/breadcrumb.js';
|
|
9
|
-
export { Calendar, CalendarDayButton } from './ui/calendar.js';
|
|
10
|
-
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './ui/card.js';
|
|
11
|
-
export { Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from './ui/carousel.js';
|
|
12
|
-
export { ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from './ui/chart.js';
|
|
13
|
-
export { Checkbox } from './ui/checkbox.js';
|
|
14
|
-
export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './ui/collapsible.js';
|
|
15
|
-
export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from './ui/command.js';
|
|
16
|
-
export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from './ui/context-menu.js';
|
|
17
|
-
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './ui/dialog.js';
|
|
18
|
-
export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './ui/drawer.js';
|
|
19
|
-
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './ui/dropdown-menu.js';
|
|
20
|
-
export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from './ui/form.js';
|
|
21
|
-
export { HoverCard, HoverCardContent, HoverCardTrigger } from './ui/hover-card.js';
|
|
22
|
-
export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from './ui/input-otp.js';
|
|
23
|
-
export { Input } from './ui/input.js';
|
|
24
|
-
export { Label } from './ui/label.js';
|
|
25
|
-
export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from './ui/menubar.js';
|
|
26
|
-
export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from './ui/navigation-menu.js';
|
|
27
|
-
export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './ui/pagination.js';
|
|
28
|
-
export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './ui/popover.js';
|
|
29
|
-
export { Progress } from './ui/progress.js';
|
|
30
|
-
export { RadioGroup, RadioGroupItem } from './ui/radio-group.js';
|
|
31
|
-
export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './ui/resizable.js';
|
|
32
|
-
export { ScrollArea, ScrollBar } from './ui/scroll-area.js';
|
|
33
|
-
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './ui/select.js';
|
|
34
|
-
export { Separator } from './ui/separator.js';
|
|
35
|
-
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './ui/sheet.js';
|
|
36
|
-
export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from './ui/sidebar.js';
|
|
37
|
-
export { Skeleton } from './ui/skeleton.js';
|
|
38
|
-
export { Slider } from './ui/slider.js';
|
|
39
|
-
export { Toaster } from './ui/sonner.js';
|
|
40
|
-
export { Switch } from './ui/switch.js';
|
|
41
|
-
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './ui/table.js';
|
|
42
|
-
export { Tabs, TabsContent, TabsList, TabsTrigger } from './ui/tabs.js';
|
|
43
|
-
export { Textarea } from './ui/textarea.js';
|
|
44
|
-
export { ToggleGroup, ToggleGroupItem } from './ui/toggle-group.js';
|
|
45
|
-
export { Toggle, toggleVariants } from './ui/toggle.js';
|
|
46
|
-
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui/tooltip.js';
|
|
47
|
-
import 'react/jsx-runtime';
|
|
48
|
-
import 'class-variance-authority/dist/types';
|
|
49
|
-
import 'class-variance-authority';
|
|
50
|
-
import 'react';
|
|
51
|
-
import 'radix-ui';
|
|
52
|
-
import 'react-day-picker';
|
|
53
|
-
import 'embla-carousel-react';
|
|
54
|
-
import 'recharts';
|
|
55
|
-
import 'cmdk';
|
|
56
|
-
import 'vaul';
|
|
57
|
-
import 'react-hook-form';
|
|
58
|
-
import 'input-otp';
|
|
59
|
-
import 'react-resizable-panels';
|
|
60
|
-
import 'sonner';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { Accordion as Accordion$1 } from 'radix-ui';
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
|
|
5
|
-
declare function Accordion({ ...props }: React.ComponentProps<typeof Accordion$1.Root>): react_jsx_runtime.JSX.Element;
|
|
6
|
-
declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof Accordion$1.Item>): react_jsx_runtime.JSX.Element;
|
|
7
|
-
declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof Accordion$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
8
|
-
declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof Accordion$1.Content>): react_jsx_runtime.JSX.Element;
|
|
9
|
-
|
|
10
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
|