feat(*): resolve an issue that some types could not begenerated

.github/workflows/quality.yml

@@ -100,16 +100,15 @@ jobs:
       - name: Run typecheck
         run: pnpm typecheck
 
-  # TODO enable after major releases
-  # exports:
-  #   name: Check package exports
-  #   runs-on: ubuntu-latest
-  #   steps:
-  #     - name: Checkout branch
-  #       uses: actions/checkout@v4
-
-  #     - name: Install
-  #       uses: ./.github/composite-actions/install
-
-  #     - name: Run exports:check
-  #       run: pnpm exports:check
+  exports:
+    name: Check package exports
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout branch
+        uses: actions/checkout@v4
+
+      - name: Install
+        uses: ./.github/composite-actions/install
+
+      - name: Run exports:check
+        run: pnpm exports:check

packages/frameworks/react/CHANGELOG.md

@@ -6,6 +6,10 @@ description: All notable changes to this project will be documented in this file
 
 ## [Unreleased]
 
+### Fixed
+
+- Resolved an issue that for some components the types were not being generated correctly.
+
 ## [2.0.0] - 2024-01-30
 
 ### Added

packages/frameworks/react/src/accordion/accordion.tsx

@@ -0,0 +1,7 @@
+import { AccordionItem as Item } from './accordion-item'
+import { AccordionItemContent as ItemContent } from './accordion-item-content'
+import { AccordionItemIndicator as ItemIndicator } from './accordion-item-indicator'
+import { AccordionItemTrigger as ItemTrigger } from './accordion-item-trigger'
+import { AccordionRoot as Root } from './accordion-root'
+
+export { Item, ItemContent, ItemIndicator, ItemTrigger, Root }

packages/frameworks/react/src/accordion/index.ts

@@ -13,13 +13,7 @@ import {
 import { AccordionItemTrigger, type AccordionItemTriggerProps } from './accordion-item-trigger'
 import { AccordionRoot, type AccordionRootProps } from './accordion-root'
 
-export const Accordion = {
-  Root: AccordionRoot,
-  Item: AccordionItem,
-  ItemContent: AccordionItemContent,
-  ItemIndicator: AccordionItemIndicator,
-  ItemTrigger: AccordionItemTrigger,
-}
+export * as Accordion from './accordion'
 
 export {
   AccordionItem,
@@ -30,6 +24,7 @@ export {
   useAccordionContext,
   useAccordionItemContext,
 }
+
 export type {
   AccordionContext,
   AccordionFocusChangeDetails,

packages/frameworks/react/src/avatar/avatar.tsx

@@ -0,0 +1,5 @@
+import { AvatarFallback as Fallback } from './avatar-fallback'
+import { AvatarImage as Image } from './avatar-image'
+import { AvatarRoot as Root } from './avatar-root'
+
+export { Fallback, Image, Root }

packages/frameworks/react/src/avatar/index.ts

@@ -4,11 +4,7 @@ import { AvatarFallback, type AvatarFallbackProps } from './avatar-fallback'
 import { AvatarImage, type AvatarImageProps } from './avatar-image'
 import { AvatarRoot, type AvatarRootProps } from './avatar-root'
 
-export const Avatar = {
-  Root: AvatarRoot,
-  Fallback: AvatarFallback,
-  Image: AvatarImage,
-}
+export * as Avatar from './avatar'
 
 export { AvatarFallback, AvatarImage, AvatarRoot, useAvatarContext }
 

packages/frameworks/react/src/carousel/carousel.tsx

@@ -0,0 +1,21 @@
+import { CarouselControl as Control } from './carousel-control'
+import { CarouselIndicator as Indicator } from './carousel-indicator'
+import { CarouselIndicatorGroup as IndicatorGroup } from './carousel-indicator-group'
+import { CarouselItem as Item } from './carousel-item'
+import { CarouselItemGroup as ItemGroup } from './carousel-item-group'
+import { CarouselNextTrigger as NextTrigger } from './carousel-next-trigger'
+import { CarouselPrevTrigger as PrevTrigger } from './carousel-prev-trigger'
+import { CarouselRoot as Root } from './carousel-root'
+import { CarouselViewport as Viewport } from './carousel-viewport'
+
+export {
+  Control,
+  Indicator,
+  IndicatorGroup,
+  Item,
+  ItemGroup,
+  NextTrigger,
+  PrevTrigger,
+  Root,
+  Viewport,
+}

packages/frameworks/react/src/carousel/index.ts

@@ -13,17 +13,7 @@ import { CarouselPrevTrigger, type CarouselPrevTriggerProps } from './carousel-p
 import { CarouselRoot, type CarouselRootProps } from './carousel-root'
 import { CarouselViewport, type CarouselViewportProps } from './carousel-viewport'
 
-export const Carousel = {
-  Root: CarouselRoot,
-  Control: CarouselControl,
-  Indicator: CarouselIndicator,
-  IndicatorGroup: CarouselIndicatorGroup,
-  NextTrigger: CarouselNextTrigger,
-  PrevTrigger: CarouselPrevTrigger,
-  Item: CarouselItem,
-  ItemGroup: CarouselItemGroup,
-  Viewport: CarouselViewport,
-}
+export * as Carousel from './carousel'
 
 export {
   CarouselControl,

packages/frameworks/react/src/checkbox/checkbox.tsx

@@ -0,0 +1,6 @@
+import { CheckboxControl as Control } from './checkbox-control'
+import { CheckboxIndicator as Indicator } from './checkbox-indicator'
+import { CheckboxLabel as Label } from './checkbox-label'
+import { CheckboxRoot as Root } from './checkbox-root'
+
+export { Control, Indicator, Label, Root }

packages/frameworks/react/src/checkbox/index.ts

@@ -8,12 +8,7 @@ import { CheckboxIndicator, type CheckboxIndicatorProps } from './checkbox-indic
 import { CheckboxLabel, type CheckboxLabelProps } from './checkbox-label'
 import { CheckboxRoot, type CheckboxRootProps } from './checkbox-root'
 
-export const Checkbox = {
-  Root: CheckboxRoot,
-  Control: CheckboxControl,
-  Label: CheckboxLabel,
-  Indicator: CheckboxIndicator,
-}
+export * as Checkbox from './checkbox'
 
 export { CheckboxControl, CheckboxIndicator, CheckboxLabel, CheckboxRoot, useCheckboxContext }
 

packages/frameworks/react/src/color-picker/color-picker.tsx

@@ -0,0 +1,49 @@
+import { ColorPickerArea as Area } from './color-picker-area'
+import { ColorPickerAreaBackground as AreaBackground } from './color-picker-area-background'
+import { ColorPickerAreaThumb as AreaThumb } from './color-picker-area-thumb'
+import { ColorPickerChannelInput as ChannelInput } from './color-picker-channel-input'
+import { ColorPickerChannelSlider as ChannelSlider } from './color-picker-channel-slider'
+import { ColorPickerChannelSliderThumb as ChannelSliderThumb } from './color-picker-channel-slider-thumb'
+import { ColorPickerChannelSliderTrack as ChannelSliderTrack } from './color-picker-channel-slider-track'
+import { ColorPickerContent as Content } from './color-picker-content'
+import { ColorPickerControl as Control } from './color-picker-control'
+import { ColorPickerEyeDropperTrigger as EyeDropperTrigger } from './color-picker-eye-dropper-trigger'
+import { ColorPickerFormatSelect as FormatSelect } from './color-picker-format-select'
+import { ColorPickerFormatTrigger as FormatTrigger } from './color-picker-format-trigger'
+import { ColorPickerLabel as Label } from './color-picker-label'
+import { ColorPickerPositioner as Positioner } from './color-picker-positioner'
+import { ColorPickerRoot as Root } from './color-picker-root'
+import { ColorPickerSwatch as Swatch } from './color-picker-swatch'
+import { ColorPickerSwatchGroup as SwatchGroup } from './color-picker-swatch-group'
+import { ColorPickerSwatchIndicator as SwatchIndicator } from './color-picker-swatch-indicator'
+import { ColorPickerSwatchTrigger as SwatchTrigger } from './color-picker-swatch-trigger'
+import { ColorPickerTransparencyGrid as TransparencyGrid } from './color-picker-transparency-grid'
+import { ColorPickerTrigger as Trigger } from './color-picker-trigger'
+import { ColorPickerValueText as ValueText } from './color-picker-value-text'
+import { ColorPickerView as View } from './color-picker-view'
+
+export {
+  Area,
+  AreaBackground,
+  AreaThumb,
+  ChannelInput,
+  ChannelSlider,
+  ChannelSliderThumb,
+  ChannelSliderTrack,
+  Content,
+  Control,
+  EyeDropperTrigger,
+  FormatSelect,
+  FormatTrigger,
+  Label,
+  Positioner,
+  Root,
+  Swatch,
+  SwatchGroup,
+  SwatchIndicator,
+  SwatchTrigger,
+  TransparencyGrid,
+  Trigger,
+  ValueText,
+  View,
+}

packages/frameworks/react/src/color-picker/index.ts

@@ -70,31 +70,7 @@ import { ColorPickerTrigger, type ColorPickerTriggerProps } from './color-picker
 import { ColorPickerValueText, type ColorPickerValueTextProps } from './color-picker-value-text'
 import { ColorPickerView, type ColorPickerViewProps } from './color-picker-view'
 
-export const ColorPicker = {
-  Root: ColorPickerRoot,
-  Area: ColorPickerArea,
-  AreaBackground: ColorPickerAreaBackground,
-  AreaThumb: ColorPickerAreaThumb,
-  ChannelInput: ColorPickerChannelInput,
-  ChannelSlider: ColorPickerChannelSlider,
-  ChannelSliderThumb: ColorPickerChannelSliderThumb,
-  ChannelSliderTrack: ColorPickerChannelSliderTrack,
-  Content: ColorPickerContent,
-  Control: ColorPickerControl,
-  EyeDropperTrigger: ColorPickerEyeDropperTrigger,
-  FormatTrigger: ColorPickerFormatTrigger,
-  FormatSelect: ColorPickerFormatSelect,
-  Label: ColorPickerLabel,
-  Positioner: ColorPickerPositioner,
-  Swatch: ColorPickerSwatch,
-  SwatchGroup: ColorPickerSwatchGroup,
-  SwatchIndicator: ColorPickerSwatchIndicator,
-  SwatchTrigger: ColorPickerSwatchTrigger,
-  TransparencyGrid: ColorPickerTransparencyGrid,
-  Trigger: ColorPickerTrigger,
-  ValueText: ColorPickerValueText,
-  View: ColorPickerView,
-}
+export * as ColorPicker from './color-picker'
 
 export {
   ColorPickerArea,

packages/frameworks/react/src/combobox/combobox.tsx

@@ -0,0 +1,29 @@
+import { ComboboxClearTrigger as ClearTrigger } from './combobox-clear-trigger'
+import { ComboboxContent as Content } from './combobox-content'
+import { ComboboxControl as Control } from './combobox-control'
+import { ComboboxInput as Input } from './combobox-input'
+import { ComboboxItem as Item } from './combobox-item'
+import { ComboboxItemGroup as ItemGroup } from './combobox-item-group'
+import { ComboboxItemGroupLabel as ItemGroupLabel } from './combobox-item-group-label'
+import { ComboboxItemIndicator as ItemIndicator } from './combobox-item-indicator'
+import { ComboboxItemText as ItemText } from './combobox-item-text'
+import { ComboboxLabel as Label } from './combobox-label'
+import { ComboboxPositioner as Positioner } from './combobox-positioner'
+import { ComboboxRoot as Root } from './combobox-root'
+import { ComboboxTrigger as Trigger } from './combobox-trigger'
+
+export {
+  ClearTrigger,
+  Content,
+  Control,
+  Input,
+  Item,
+  ItemGroup,
+  ItemGroupLabel,
+  ItemIndicator,
+  ItemText,
+  Label,
+  Positioner,
+  Root,
+  Trigger,
+}

packages/frameworks/react/src/combobox/index.ts

@@ -23,21 +23,7 @@ import { ComboboxPositioner, type ComboboxPositionerProps } from './combobox-pos
 import { ComboboxRoot, type ComboboxRootProps } from './combobox-root'
 import { ComboboxTrigger, type ComboboxTriggerProps } from './combobox-trigger'
 
-export const Combobox = {
-  Root: ComboboxRoot,
-  ClearTrigger: ComboboxClearTrigger,
-  Content: ComboboxContent,
-  Control: ComboboxControl,
-  Input: ComboboxInput,
-  Item: ComboboxItem,
-  ItemGroup: ComboboxItemGroup,
-  ItemGroupLabel: ComboboxItemGroupLabel,
-  ItemIndicator: ComboboxItemIndicator,
-  ItemText: ComboboxItemText,
-  Label: ComboboxLabel,
-  Positioner: ComboboxPositioner,
-  Trigger: ComboboxTrigger,
-}
+export * as Combobox from './combobox'
 
 export {
   ComboboxClearTrigger,

packages/frameworks/react/src/date-picker/date-picker.tsx

@@ -0,0 +1,49 @@
+import { DatePickerClearTrigger as ClearTrigger } from './date-picker-clear-trigger'
+import { DatePickerContent as Content } from './date-picker-content'
+import { DatePickerControl as Control } from './date-picker-control'
+import { DatePickerInput as Input } from './date-picker-input'
+import { DatePickerLabel as Label } from './date-picker-label'
+import { DatePickerMonthSelect as MonthSelect } from './date-picker-month-select'
+import { DatePickerNextTrigger as NextTrigger } from './date-picker-next-trigger'
+import { DatePickerPositioner as Positioner } from './date-picker-positioner'
+import { DatePickerPrevTrigger as PrevTrigger } from './date-picker-prev-trigger'
+import { DatePickerRangeText as RangeText } from './date-picker-range-text'
+import { DatePickerRoot as Root } from './date-picker-root'
+import { DatePickerTable as Table } from './date-picker-table'
+import { DatePickerTableBody as TableBody } from './date-picker-table-body'
+import { DatePickerTableCell as TableCell } from './date-picker-table-cell'
+import { DatePickerTableCellTrigger as TableCellTrigger } from './date-picker-table-cell-trigger'
+import { DatePickerTableHead as TableHead } from './date-picker-table-head'
+import { DatePickerTableHeader as TableHeader } from './date-picker-table-header'
+import { DatePickerTableRow as TableRow } from './date-picker-table-row'
+import { DatePickerTrigger as Trigger } from './date-picker-trigger'
+import { DatePickerView as View } from './date-picker-view'
+import { DatePickerViewControl as ViewControl } from './date-picker-view-control'
+import { DatePickerViewTrigger as ViewTrigger } from './date-picker-view-trigger'
+import { DatePickerYearSelect as YearSelect } from './date-picker-year-select'
+
+export {
+  ClearTrigger,
+  Content,
+  Control,
+  Input,
+  Label,
+  MonthSelect,
+  NextTrigger,
+  Positioner,
+  PrevTrigger,
+  RangeText,
+  Root,
+  Table,
+  TableBody,
+  TableCell,
+  TableCellTrigger,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Trigger,
+  View,
+  ViewControl,
+  ViewTrigger,
+  YearSelect,
+}

packages/frameworks/react/src/date-picker/index.ts

@@ -41,31 +41,7 @@ import { DatePickerViewControl, type DatePickerViewControlProps } from './date-p
 import { DatePickerViewTrigger, type DatePickerViewTriggerProps } from './date-picker-view-trigger'
 import { DatePickerYearSelect, type DatePickerYearSelectProps } from './date-picker-year-select'
 
-export const DatePicker = {
-  Root: DatePickerRoot,
-  ClearTrigger: DatePickerClearTrigger,
-  Content: DatePickerContent,
-  Control: DatePickerControl,
-  Input: DatePickerInput,
-  Label: DatePickerLabel,
-  MonthSelect: DatePickerMonthSelect,
-  NextTrigger: DatePickerNextTrigger,
-  Positioner: DatePickerPositioner,
-  PrevTrigger: DatePickerPrevTrigger,
-  RangeText: DatePickerRangeText,
-  Table: DatePickerTable,
-  TableBody: DatePickerTableBody,
-  TableCell: DatePickerTableCell,
-  TableCellTrigger: DatePickerTableCellTrigger,
-  TableHead: DatePickerTableHead,
-  TableHeader: DatePickerTableHeader,
-  TableRow: DatePickerTableRow,
-  Trigger: DatePickerTrigger,
-  View: DatePickerView,
-  ViewControl: DatePickerViewControl,
-  ViewTrigger: DatePickerViewTrigger,
-  YearSelect: DatePickerYearSelect,
-}
+export * as DatePicker from './date-picker'
 
 export {
   DatePickerClearTrigger,

packages/frameworks/react/src/dialog/dialog.tsx

@@ -0,0 +1,10 @@
+import { DialogBackdrop as Backdrop } from './dialog-backdrop'
+import { DialogCloseTrigger as CloseTrigger } from './dialog-close-trigger'
+import { DialogContent as Content } from './dialog-content'
+import { DialogDescription as Description } from './dialog-description'
+import { DialogPositioner as Positioner } from './dialog-positioner'
+import { DialogRoot as Root } from './dialog-root'
+import { DialogTitle as Title } from './dialog-title'
+import { DialogTrigger as Trigger } from './dialog-trigger'
+
+export { Backdrop, CloseTrigger, Content, Description, Positioner, Root, Title, Trigger }

packages/frameworks/react/src/dialog/index.ts

@@ -9,16 +9,7 @@ import { DialogRoot, type DialogRootProps } from './dialog-root'
 import { DialogTitle, type DialogTitleProps } from './dialog-title'
 import { DialogTrigger, type DialogTriggerProps } from './dialog-trigger'
 
-export const Dialog = {
-  Root: DialogRoot,
-  Backdrop: DialogBackdrop,
-  CloseTrigger: DialogCloseTrigger,
-  Content: DialogContent,
-  Description: DialogDescription,
-  Positioner: DialogPositioner,
-  Title: DialogTitle,
-  Trigger: DialogTrigger,
-}
+export * as Dialog from './dialog'
 
 export {
   DialogBackdrop,