gitextract_0nomnhu6/ ├── .github/ │ ├── ISSUE_TEMPLATE/ │ │ ├── bug_report.md │ │ ├── custom.md │ │ └── feature_request.md │ └── workflows/ │ └── docs-deploy.yml ├── .gitignore ├── .npmrc ├── .prettierrc ├── LICENSE.md ├── README.md ├── apps/ │ └── docs/ │ ├── .gitignore │ ├── content/ │ │ ├── components/ │ │ │ ├── accordion.md │ │ │ ├── app-bars/ │ │ │ │ ├── bottom-app-bar.md │ │ │ │ └── top-app-bar.md │ │ │ ├── autocomplete.md │ │ │ ├── avatar.md │ │ │ ├── badges.md │ │ │ ├── before-after.md │ │ │ ├── buttons/ │ │ │ │ ├── button.md │ │ │ │ ├── fab.md │ │ │ │ ├── icon-button.md │ │ │ │ └── segmented-button.md │ │ │ ├── cards.md │ │ │ ├── carousel.md │ │ │ ├── checkbox.md │ │ │ ├── chips.md │ │ │ ├── date-pickers.md │ │ │ ├── dialogs.md │ │ │ ├── divider.md │ │ │ ├── focus-ring.md │ │ │ ├── label.md │ │ │ ├── lists.md │ │ │ ├── menus.md │ │ │ ├── navigation/ │ │ │ │ ├── navigation-bar.md │ │ │ │ ├── navigation-drawer.md │ │ │ │ └── navigation-rail.md │ │ │ ├── pagination.md │ │ │ ├── progress/ │ │ │ │ ├── circular-progress.md │ │ │ │ └── linear-progress.md │ │ │ ├── radio.md │ │ │ ├── ripple.md │ │ │ ├── select.md │ │ │ ├── sheets/ │ │ │ │ ├── bottom-sheets.md │ │ │ │ └── side-sheets.md │ │ │ ├── sliders.md │ │ │ ├── snackbar.md │ │ │ ├── swiper.md │ │ │ ├── switch.md │ │ │ ├── table.md │ │ │ ├── tabs.md │ │ │ ├── terminal.md │ │ │ ├── text-fields.md │ │ │ ├── time-pickers.md │ │ │ └── tooltips.md │ │ └── getting-started/ │ │ ├── icons.md │ │ ├── installation.md │ │ ├── theme.md │ │ └── why-actify.md │ ├── next.config.mjs │ ├── package.json │ ├── postcss.config.mjs │ ├── src/ │ │ ├── app/ │ │ │ ├── (docs)/ │ │ │ │ ├── [...slug]/ │ │ │ │ │ └── page.tsx │ │ │ │ └── layout.tsx │ │ │ ├── app.css │ │ │ ├── fonts.ts │ │ │ ├── layout.tsx │ │ │ ├── page.tsx │ │ │ └── template.tsx │ │ ├── components/ │ │ │ ├── App.tsx │ │ │ ├── AppDrawer.tsx │ │ │ ├── Aside.tsx │ │ │ ├── Console.tsx │ │ │ ├── DocPreview.tsx │ │ │ ├── DocTabs.tsx │ │ │ ├── DocUsage.tsx │ │ │ ├── Dropdown.tsx │ │ │ ├── EditOnGitHub.tsx │ │ │ ├── Footer.tsx │ │ │ ├── GettingStarted.tsx │ │ │ ├── Header.tsx │ │ │ ├── Logo.tsx │ │ │ ├── Markdown.tsx │ │ │ ├── NavLink.tsx │ │ │ ├── NgrokerLogo.tsx │ │ │ ├── OpenInCodeSandbox.tsx │ │ │ ├── OpenInStackblitz.tsx │ │ │ ├── QzyLogo.tsx │ │ │ ├── Search.tsx │ │ │ ├── Sponsors.tsx │ │ │ ├── SyntaxHighlighter.tsx │ │ │ ├── TableOfContents.tsx │ │ │ ├── TaildoorLogo.tsx │ │ │ ├── ThemeChanger.tsx │ │ │ └── ViewSource.tsx │ │ ├── hooks/ │ │ │ ├── useAutoTheme.ts │ │ │ └── useMounted.ts │ │ ├── lib/ │ │ │ ├── doc.ts │ │ │ └── raw.ts │ │ ├── usages/ │ │ │ ├── accordion.tsx │ │ │ ├── app-bars/ │ │ │ │ ├── bottom-app-bar.tsx │ │ │ │ └── top-app-bar.tsx │ │ │ ├── autocomplete.tsx │ │ │ ├── avatar.tsx │ │ │ ├── badges.tsx │ │ │ ├── before-after.tsx │ │ │ ├── buttons/ │ │ │ │ ├── button.tsx │ │ │ │ ├── fab.tsx │ │ │ │ ├── icon-button.tsx │ │ │ │ └── segmented-button.tsx │ │ │ ├── cards.tsx │ │ │ ├── carousel.tsx │ │ │ ├── checkbox.tsx │ │ │ ├── chips.tsx │ │ │ ├── dialogs.tsx │ │ │ ├── divider.tsx │ │ │ ├── focus-ring.tsx │ │ │ ├── lists.tsx │ │ │ ├── menus.tsx │ │ │ ├── navigation/ │ │ │ │ ├── navigation-bar.tsx │ │ │ │ ├── navigation-drawer.tsx │ │ │ │ └── navigation-rail.tsx │ │ │ ├── pagination.tsx │ │ │ ├── progress/ │ │ │ │ ├── circular-progress.tsx │ │ │ │ └── linear-progress.tsx │ │ │ ├── radio.tsx │ │ │ ├── ripple.tsx │ │ │ ├── select.tsx │ │ │ ├── sheets/ │ │ │ │ ├── bottom-sheets.tsx │ │ │ │ └── side-sheets.tsx │ │ │ ├── sliders.tsx │ │ │ ├── snackbar.tsx │ │ │ ├── swiper.tsx │ │ │ ├── switch.tsx │ │ │ ├── table.tsx │ │ │ ├── tabs.tsx │ │ │ ├── terminal.tsx │ │ │ ├── text-fields.tsx │ │ │ └── tooltips.tsx │ │ ├── utils/ │ │ │ ├── apply-theme-string.ts │ │ │ ├── cn.ts │ │ │ ├── material-color-helpers.ts │ │ │ └── theme.ts │ │ └── views/ │ │ ├── icon.tsx │ │ ├── icons.json │ │ └── theme.tsx │ └── tsconfig.json ├── biome.json ├── package.json ├── packages/ │ ├── actify/ │ │ ├── package.json │ │ ├── rollup.config.mjs │ │ ├── src/ │ │ │ ├── animations/ │ │ │ │ └── index.ts │ │ │ ├── components/ │ │ │ │ ├── Accordion/ │ │ │ │ │ ├── Accordion.tsx │ │ │ │ │ ├── AccordionContent.tsx │ │ │ │ │ ├── AccordionContext.tsx │ │ │ │ │ ├── AccordionHeader.tsx │ │ │ │ │ ├── AccordionItem.tsx │ │ │ │ │ ├── accordion.module.css │ │ │ │ │ └── index.ts │ │ │ │ ├── ActionMenu/ │ │ │ │ │ ├── ActionMenu.tsx │ │ │ │ │ ├── Menu.tsx │ │ │ │ │ ├── MenuItem.tsx │ │ │ │ │ ├── MenuItems.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ └── menu.module.css │ │ │ │ ├── Autocomplete/ │ │ │ │ │ ├── Autocomplete.tsx │ │ │ │ │ ├── autocomplete.module.css │ │ │ │ │ └── index.ts │ │ │ │ ├── Avatar/ │ │ │ │ │ ├── Avatar.tsx │ │ │ │ │ └── index.ts │ │ │ │ ├── Badges/ │ │ │ │ │ ├── Badges.tsx │ │ │ │ │ ├── badges.module.css │ │ │ │ │ └── index.tsx │ │ │ │ ├── BeforeAfter/ │ │ │ │ │ ├── BeforeAfter.tsx │ │ │ │ │ ├── before-after.module.css │ │ │ │ │ └── index.ts │ │ │ │ ├── BottomAppBar/ │ │ │ │ │ ├── BottomAppBar.tsx │ │ │ │ │ ├── BottomAppBarFab.tsx │ │ │ │ │ ├── BottomAppBarIcons.tsx │ │ │ │ │ ├── bottom-app-bar.module.css │ │ │ │ │ └── index.ts │ │ │ │ ├── BottomSheets/ │ │ │ │ │ ├── BottomSheets.tsx │ │ │ │ │ ├── BottomSheetsActivator.tsx │ │ │ │ │ ├── BottomSheetsContent.tsx │ │ │ │ │ ├── BottomSheetsContext.tsx │ │ │ │ │ ├── bottom-sheets.module.css │ │ │ │ │ └── index.ts │ │ │ │ ├── Buttons/ │ │ │ │ │ ├── Button.tsx │ │ │ │ │ ├── Fab.tsx │ │ │ │ │ ├── IconButton.tsx │ │ │ │ │ ├── LinkButton.tsx │ │ │ │ │ ├── fab.module.css │ │ │ │ │ ├── icon-button.module.css │ │ │ │ │ ├── index.ts │ │ │ │ │ └── styles/ │ │ │ │ │ ├── button.module.css │ │ │ │ │ ├── color.module.css │ │ │ │ │ └── variant.module.css │ │ │ │ ├── Cards/ │ │ │ │ │ ├── Card.tsx │ │ │ │ │ ├── card.module.css │ │ │ │ │ └── index.ts │ │ │ │ ├── Carousel/ │ │ │ │ │ ├── Carousel.tsx │ │ │ │ │ ├── CarouselContent.tsx │ │ │ │ │ ├── CarouselContext.tsx │ │ │ │ │ ├── CarouselControl.tsx │ │ │ │ │ ├── CarouselIndicator.tsx │ │ │ │ │ ├── CarouselItem.tsx │ │ │ │ │ ├── carousel-control.module.css │ │ │ │ │ ├── carousel-indicator.module.css │ │ │ │ │ ├── carousel.module.css │ │ │ │ │ └── index.ts │ │ │ │ ├── Checkbox/ │ │ │ │ │ ├── Checkbox.tsx │ │ │ │ │ ├── CheckboxGroup.tsx │ │ │ │ │ ├── checkbox-group.module.css │ │ │ │ │ ├── checkbox.module.css │ │ │ │ │ └── index.ts │ │ │ │ ├── Chips/ │ │ │ │ │ ├── Chip.tsx │ │ │ │ │ ├── ChipGroup.tsx │ │ │ │ │ ├── chip-group.module.css │ │ │ │ │ ├── chip.module.css │ │ │ │ │ └── index.ts │ │ │ │ ├── CircularProgress/ │ │ │ │ │ ├── CircularProgress.tsx │ │ │ │ │ ├── circular-progress.module.css │ │ │ │ │ └── index.ts │ │ │ │ ├── Dialogs/ │ │ │ │ │ ├── Dialog.tsx │ │ │ │ │ ├── DialogActivator.tsx │ │ │ │ │ ├── animation.ts │ │ │ │ │ ├── dialog.module.css │ │ │ │ │ └── index.ts │ │ │ │ ├── Divider/ │ │ │ │ │ ├── Divider.tsx │ │ │ │ │ ├── divider.module.css │ │ │ │ │ └── index.ts │ │ │ │ ├── Elevation/ │ │ │ │ │ ├── Elevation.tsx │ │ │ │ │ ├── elevation.module.css │ │ │ │ │ └── index.ts │ │ │ │ ├── Field/ │ │ │ │ │ ├── Field.tsx │ │ │ │ │ ├── FilledField.tsx │ │ │ │ │ ├── OutlinedField.tsx │ │ │ │ │ ├── SupportingText.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ └── styles/ │ │ │ │ │ ├── field.module.css │ │ │ │ │ └── supporting.module.css │ │ │ │ ├── FocusRing/ │ │ │ │ │ ├── FocusRing.tsx │ │ │ │ │ ├── focusring.module.css │ │ │ │ │ └── index.ts │ │ │ │ ├── Icon/ │ │ │ │ │ ├── Icon.tsx │ │ │ │ │ ├── icon.module.css │ │ │ │ │ └── index.ts │ │ │ │ ├── Item/ │ │ │ │ │ ├── Item.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ └── item.module.css │ │ │ │ ├── Label/ │ │ │ │ │ ├── Label.tsx │ │ │ │ │ └── index.ts │ │ │ │ ├── LinearProgress/ │ │ │ │ │ ├── LinearProgress.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ └── linear-progress.module.css │ │ │ │ ├── ListBox/ │ │ │ │ │ ├── ListBox.tsx │ │ │ │ │ ├── ListBoxOption.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── listbox.module.css │ │ │ │ │ └── option.module.css │ │ │ │ ├── Lists/ │ │ │ │ │ ├── List.tsx │ │ │ │ │ ├── ListContext.tsx │ │ │ │ │ ├── ListGroup.tsx │ │ │ │ │ ├── ListItem.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── list-group.module.css │ │ │ │ │ ├── list-item.module.css │ │ │ │ │ └── list.module.css │ │ │ │ ├── Menus/ │ │ │ │ │ ├── ListBox.tsx │ │ │ │ │ ├── ListBoxItem.tsx │ │ │ │ │ ├── Menu.tsx │ │ │ │ │ ├── MenuButton.tsx │ │ │ │ │ ├── MenuItem.tsx │ │ │ │ │ ├── MenuPopover.tsx │ │ │ │ │ ├── Submenu.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── listbox-item.module.css │ │ │ │ │ ├── listbox.module.css │ │ │ │ │ ├── menu-popover.module.css │ │ │ │ │ └── menu.module.css │ │ │ │ ├── Modal/ │ │ │ │ │ ├── Modal.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ └── modal.module.css │ │ │ │ ├── NavigationBar/ │ │ │ │ │ ├── NavigationBar.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ └── navigation-bar.module.css │ │ │ │ ├── NavigationDrawer/ │ │ │ │ │ ├── DrawerActivator.tsx │ │ │ │ │ ├── DrawerContent.tsx │ │ │ │ │ ├── DrawerContext.tsx │ │ │ │ │ ├── NavigationDrawer.tsx │ │ │ │ │ ├── drawer.module.css │ │ │ │ │ └── index.ts │ │ │ │ ├── NavigationRail/ │ │ │ │ │ ├── NavigationRail.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ └── navigation-rail.module.css │ │ │ │ ├── Pagination/ │ │ │ │ │ ├── Pagination.tsx │ │ │ │ │ ├── PaginationNumber.tsx │ │ │ │ │ ├── generatePagination.ts │ │ │ │ │ ├── index.ts │ │ │ │ │ └── pagination.module.css │ │ │ │ ├── Popover/ │ │ │ │ │ ├── Popover.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ └── popover.module.css │ │ │ │ ├── PopoverMenu/ │ │ │ │ │ ├── PopoverMenu.tsx │ │ │ │ │ ├── PopoverMenuItem.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ └── menu.module.css │ │ │ │ ├── Radio/ │ │ │ │ │ ├── Radio.tsx │ │ │ │ │ ├── RadioGroup.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── radio-group.module.css │ │ │ │ │ └── radio.module.css │ │ │ │ ├── Ripple/ │ │ │ │ │ ├── Ripple.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ └── ripple.module.css │ │ │ │ ├── SegmentedButton/ │ │ │ │ │ ├── SegmentedButton.tsx │ │ │ │ │ ├── SegmentedButtonSet.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ └── segmented-buttont.module.css │ │ │ │ ├── Select/ │ │ │ │ │ ├── FilledField.tsx │ │ │ │ │ ├── OutlinedField.tsx │ │ │ │ │ ├── Select.tsx │ │ │ │ │ ├── SelectOption.tsx │ │ │ │ │ ├── TrailingIcon.tsx │ │ │ │ │ ├── filled-field.module.css │ │ │ │ │ ├── index.ts │ │ │ │ │ ├── outlined-field.module.css │ │ │ │ │ ├── select.module.css │ │ │ │ │ └── trailingIcon.module.css │ │ │ │ ├── SideSheets/ │ │ │ │ │ ├── SideSheets.tsx │ │ │ │ │ ├── SideSheetsAction.tsx │ │ │ │ │ ├── SideSheetsActivator.tsx │ │ │ │ │ ├── SideSheetsBody.tsx │ │ │ │ │ ├── SideSheetsContent.tsx │ │ │ │ │ ├── SideSheetsContext.tsx │ │ │ │ │ ├── SideSheetsHeader.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ └── side-sheets.module.css │ │ │ │ ├── Sliders/ │ │ │ │ │ ├── Slider.tsx │ │ │ │ │ ├── Thumb.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ └── slider.module.css │ │ │ │ ├── Slot/ │ │ │ │ │ ├── Slot.tsx │ │ │ │ │ └── index.ts │ │ │ │ ├── Snackbar/ │ │ │ │ │ ├── Toast.tsx │ │ │ │ │ ├── ToastProvider.tsx │ │ │ │ │ ├── ToastRegion.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ └── toast.module.css │ │ │ │ ├── Spacer/ │ │ │ │ │ ├── Spacer.tsx │ │ │ │ │ └── index.ts │ │ │ │ ├── Swiper/ │ │ │ │ │ ├── Swiper.tsx │ │ │ │ │ ├── SwiperItem.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ └── swiper.module.css │ │ │ │ ├── Switch/ │ │ │ │ │ ├── Switch.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ └── switch.module.css │ │ │ │ ├── Table/ │ │ │ │ │ ├── Table.tsx │ │ │ │ │ ├── TableCell.tsx │ │ │ │ │ ├── TableCheckboxCell.tsx │ │ │ │ │ ├── TableColumnHeader.tsx │ │ │ │ │ ├── TableHeader.tsx │ │ │ │ │ ├── TableHeaderRow.tsx │ │ │ │ │ ├── TableRow.tsx │ │ │ │ │ ├── TableRowGroup.tsx │ │ │ │ │ ├── TableSelectAllCell.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ └── table.module.css │ │ │ │ ├── Tabs/ │ │ │ │ │ ├── Tab.tsx │ │ │ │ │ ├── TabPanel.tsx │ │ │ │ │ ├── Tabs.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ └── tabs.module.css │ │ │ │ ├── Terminal/ │ │ │ │ │ ├── Terminal.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ └── terminal.module.css │ │ │ │ ├── Text/ │ │ │ │ │ ├── Text.tsx │ │ │ │ │ └── index.ts │ │ │ │ ├── TextFields/ │ │ │ │ │ ├── TextField.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ └── text-field.module.css │ │ │ │ ├── Tooltips/ │ │ │ │ │ ├── OverlayArrow.tsx │ │ │ │ │ ├── Tooltip.tsx │ │ │ │ │ ├── TooltipGroup.tsx │ │ │ │ │ ├── TooltipInner.tsx │ │ │ │ │ ├── TooltipTrigger.tsx │ │ │ │ │ └── index.ts │ │ │ │ ├── TopAppBar/ │ │ │ │ │ ├── TopAppBar.tsx │ │ │ │ │ ├── index.ts │ │ │ │ │ └── top-app-bar.module.css │ │ │ │ └── VisuallyHidden/ │ │ │ │ ├── VisuallyHidden.tsx │ │ │ │ ├── index.ts │ │ │ │ └── visually-hidden.module.css │ │ │ ├── css-module.d.ts │ │ │ ├── hooks/ │ │ │ │ ├── index.ts │ │ │ │ ├── mergeRefs.tsx │ │ │ │ ├── useAttachable.ts │ │ │ │ ├── useControllable.ts │ │ │ │ ├── useControllableState.ts │ │ │ │ ├── useDebounce.ts │ │ │ │ ├── useInputState.tsx │ │ │ │ ├── useInterval.ts │ │ │ │ ├── useOnClickOutside.ts │ │ │ │ ├── usePrevious.ts │ │ │ │ └── useResizeObserver.tsx │ │ │ ├── index.ts │ │ │ ├── themes/ │ │ │ │ └── index.ts │ │ │ └── utils/ │ │ │ ├── index.ts │ │ │ └── utils.tsx │ │ ├── tsconfig.json │ │ └── tsconfig.rollup.json │ └── create-actify/ │ ├── index.ts │ └── package.json ├── pnpm-workspace.yaml ├── todo.md ├── turbo.json └── vercel.json