@askrjs/themes 0.0.9 → 0.0.11

package/src/controls.ts

@@ -1,12 +1,79 @@
 import "./themes/default/index.css";
 
-// Button stays in @askrjs/ui because it owns behavior, keyboard, and ARIA.
-export { Button } from "@askrjs/ui";
+export {
+  Button,
+  Checkbox,
+  Input,
+  Label,
+  RadioGroup,
+  RadioGroupItem,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectItemText,
+  SelectLabel,
+  SelectPortal,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Switch,
+  Textarea,
+} from "@askrjs/ui";
 export type {
   ButtonAsChildProps,
   ButtonNativeProps,
   ButtonOwnProps,
   ButtonProps,
+  CheckboxAsChildProps,
+  CheckboxInputProps,
+  CheckboxOwnProps,
+  CheckboxProps,
+  InputAsChildProps,
+  InputEvent,
+  InputInputProps,
+  InputOwnProps,
+  InputProps,
+  LabelAsChildProps,
+  LabelLabelProps,
+  LabelOwnProps,
+  LabelProps,
+  PressEvent,
+  RadioGroupItemAsChildProps,
+  RadioGroupItemOwnProps,
+  RadioGroupItemProps,
+  RadioGroupOwnProps,
+  RadioGroupProps,
+  SelectContentAsChildProps,
+  SelectContentOwnProps,
+  SelectContentProps,
+  SelectGroupAsChildProps,
+  SelectGroupProps,
+  SelectItemAsChildProps,
+  SelectItemOwnProps,
+  SelectItemProps,
+  SelectItemTextAsChildProps,
+  SelectItemTextProps,
+  SelectLabelAsChildProps,
+  SelectLabelProps,
+  SelectOwnProps,
+  SelectPortalProps,
+  SelectProps,
+  SelectSeparatorAsChildProps,
+  SelectSeparatorProps,
+  SelectTriggerAsChildProps,
+  SelectTriggerProps,
+  SelectValueAsChildProps,
+  SelectValueOwnProps,
+  SelectValueProps,
+  SwitchAsChildProps,
+  SwitchButtonProps,
+  SwitchOwnProps,
+  SwitchProps,
+  TextareaAsChildProps,
+  TextareaElementProps,
+  TextareaOwnProps,
+  TextareaProps,
 } from "@askrjs/ui";
 export { ButtonGroup } from "./components/button-group";
 export type * from "./components/button-group";

package/src/core.ts

@@ -0,0 +1,42 @@
+import "./themes/default/index.css";
+
+export { Block } from "./components/block";
+export type * from "./components/block";
+export { Brand, BrandLabel, BrandMark } from "./components/brand";
+export type * from "./components/brand";
+export { Container } from "./components/container";
+export type * from "./components/container";
+export {
+  Footer,
+  FooterContent,
+  FooterDescription,
+  FooterLink,
+  FooterLinks,
+  FooterSection,
+  FooterTitle,
+} from "./components/footer";
+export type * from "./components/footer";
+export { Grid } from "./components/grid";
+export type * from "./components/grid";
+export { Header } from "./components/header";
+export type * from "./components/header";
+export { Main } from "./components/main";
+export type * from "./components/main";
+export { Section } from "./components/section";
+export type * from "./components/section";
+export { Aside } from "./components/aside";
+export type * from "./components/aside";
+export { Sidebar } from "./components/sidebar";
+export type * from "./components/sidebar";
+export { Navbar, NavBrand, NavDropdown, NavGroup, NavItem, NavLink } from "./components/navbar";
+export type * from "./components/navbar";
+export { Page } from "./components/page";
+export type * from "./components/page";
+export { PageHeader } from "./components/page-header";
+export type * from "./components/page-header";
+export { Toolbar } from "./components/toolbar";
+export type * from "./components/toolbar";
+export { EmptyState } from "./components/empty-state";
+export type * from "./components/empty-state";
+export { Text } from "./components/text";
+export type * from "./components/text";

package/src/navs.ts

@@ -1,26 +1,11 @@
 import "./themes/default/index.css";
 
-export {
-  Breadcrumb,
-  BreadcrumbCurrent,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbList,
-  BreadcrumbSeparator,
-} from "./components/breadcrumb";
-export { BREADCRUMB_A11Y_CONTRACT } from "./components/breadcrumb";
-export type * from "./components/breadcrumb";
-export { Nav, NavItem, NavLink } from "./components/nav";
-export type * from "./components/nav";
-export { NavBrand, Navbar, NavGroup, NavToggle } from "./components/navbar";
-export type * from "./components/navbar";
-export type * from "./components/shell/shell-nav.types";
-export { Sidebar, SidebarPanel } from "./components/sidebar";
-export type * from "./components/sidebar";
-export {
-  Pagination,
-  PaginationEllipsis,
-  PaginationItem,
-  PaginationLink,
-} from "./components/pagination";
-export type * from "./components/pagination";
+export { Pill, Pills, Tab, Tabs } from "./components/nav";
+export type {
+  PillProps,
+  PillsAsChildProps,
+  PillsProps,
+  TabProps,
+  TabsAsChildProps,
+  TabsProps,
+} from "./components/nav";

package/src/overlays.ts

@@ -1,7 +1,23 @@
 import "./themes/default/index.css";
 
 export {
-  DROPDOWN_A11Y_CONTRACT,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
   Dropdown,
   DropdownGroup,
   DropdownItem,
@@ -9,30 +25,61 @@ export {
   DropdownPortal,
   DropdownSeparator,
   DropdownTrigger,
-  MENU_A11Y_CONTRACT,
-  MENUBAR_A11Y_CONTRACT,
-  Menu,
-  MenuContent,
-  MenuGroup,
-  MenuItem,
-  MenuLabel,
-  MenuSeparator,
-  Menubar,
-  MenubarContent,
-  MenubarGroup,
-  MenubarItem,
-  MenubarLabel,
-  MenubarMenu,
-  MenubarPortal,
-  MenubarSeparator,
-  MenubarSub,
-  MenubarSubContent,
-  MenubarSubTrigger,
-  MenubarTrigger,
+  Popover,
+  PopoverClose,
+  PopoverContent,
+  PopoverPortal,
+  PopoverTrigger,
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
+  Tooltip,
+  TooltipContent,
+  TooltipPortal,
+  TooltipTrigger,
 } from "@askrjs/ui";
 export { DropdownContent } from "./components/overlays/dropdown-content";
 export type {
-  DropdownA11yContract,
+  AlertDialogActionAsChildProps,
+  AlertDialogActionProps,
+  AlertDialogCancelAsChildProps,
+  AlertDialogCancelProps,
+  AlertDialogContentAsChildProps,
+  AlertDialogContentOwnProps,
+  AlertDialogContentProps,
+  AlertDialogDescriptionAsChildProps,
+  AlertDialogDescriptionProps,
+  AlertDialogOverlayAsChildProps,
+  AlertDialogOverlayOwnProps,
+  AlertDialogOverlayProps,
+  AlertDialogOwnProps,
+  AlertDialogPortalProps,
+  AlertDialogProps,
+  AlertDialogTitleAsChildProps,
+  AlertDialogTitleProps,
+  AlertDialogTriggerAsChildProps,
+  AlertDialogTriggerProps,
+  DialogCloseAsChildProps,
+  DialogCloseProps,
+  DialogContentAsChildProps,
+  DialogContentOwnProps,
+  DialogContentProps,
+  DialogDescriptionAsChildProps,
+  DialogDescriptionProps,
+  DialogOverlayAsChildProps,
+  DialogOverlayOwnProps,
+  DialogOverlayProps,
+  DialogOwnProps,
+  DialogPortalProps,
+  DialogProps,
+  DialogTitleAsChildProps,
+  DialogTitleProps,
+  DialogTriggerAsChildProps,
+  DialogTriggerProps,
   DropdownContentAsChildProps,
   DropdownContentOwnProps,
   DropdownContentProps,
@@ -50,41 +97,36 @@ export type {
   DropdownSeparatorProps,
   DropdownTriggerAsChildProps,
   DropdownTriggerProps,
-  MenuA11yContract,
-  MenuContentAsChildProps,
-  MenuContentProps,
-  MenuGroupAsChildProps,
-  MenuGroupProps,
-  MenuItemAsChildProps,
-  MenuItemOwnProps,
-  MenuItemProps,
-  MenuLabelAsChildProps,
-  MenuLabelProps,
-  MenuOwnProps,
-  MenuProps,
-  MenuSeparatorAsChildProps,
-  MenuSeparatorProps,
-  MenubarA11yContract,
-  MenubarContentAsChildProps,
-  MenubarContentOwnProps,
-  MenubarContentProps,
-  MenubarGroupAsChildProps,
-  MenubarGroupProps,
-  MenubarItemAsChildProps,
-  MenubarItemProps,
-  MenubarLabelAsChildProps,
-  MenubarLabelProps,
-  MenubarMenuProps,
-  MenubarOwnProps,
-  MenubarPortalProps,
-  MenubarProps,
-  MenubarSeparatorAsChildProps,
-  MenubarSeparatorProps,
-  MenubarSubContentAsChildProps,
-  MenubarSubContentProps,
-  MenubarSubProps,
-  MenubarSubTriggerAsChildProps,
-  MenubarSubTriggerProps,
-  MenubarTriggerAsChildProps,
-  MenubarTriggerProps,
+  PopoverCloseAsChildProps,
+  PopoverCloseProps,
+  PopoverContentAsChildProps,
+  PopoverContentOwnProps,
+  PopoverContentProps,
+  PopoverOwnProps,
+  PopoverPortalProps,
+  PopoverProps,
+  PopoverTriggerAsChildProps,
+  PopoverTriggerProps,
+  ToastActionAsChildProps,
+  ToastActionProps,
+  ToastCloseAsChildProps,
+  ToastCloseProps,
+  ToastDescriptionAsChildProps,
+  ToastDescriptionProps,
+  ToastOwnProps,
+  ToastProps,
+  ToastProviderOwnProps,
+  ToastProviderProps,
+  ToastTitleAsChildProps,
+  ToastTitleProps,
+  ToastViewportAsChildProps,
+  ToastViewportProps,
+  TooltipContentAsChildProps,
+  TooltipContentOwnProps,
+  TooltipContentProps,
+  TooltipOwnProps,
+  TooltipPortalProps,
+  TooltipProps,
+  TooltipTriggerAsChildProps,
+  TooltipTriggerProps,
 } from "@askrjs/ui";

package/src/parity.ts

@@ -0,0 +1,125 @@
+export const SHADCN_THEME_COMPONENTS = [
+  "Accordion",
+  "Alert",
+  "AlertDialog",
+  "AspectRatio",
+  "Avatar",
+  "Badge",
+  "Breadcrumb",
+  "Button",
+  "ButtonGroup",
+  "Calendar",
+  "Card",
+  "Carousel",
+  "Checkbox",
+  "Collapsible",
+  "Combobox",
+  "Command",
+  "ContextMenu",
+  "DataTable",
+  "DatePicker",
+  "Dialog",
+  "Direction",
+  "Drawer",
+  "DropdownMenu",
+  "Empty",
+  "Field",
+  "Form",
+  "HoverCard",
+  "Input",
+  "InputGroup",
+  "InputOTP",
+  "Item",
+  "Kbd",
+  "Label",
+  "Menubar",
+  "NativeSelect",
+  "NavigationMenu",
+  "Pagination",
+  "Popover",
+  "Progress",
+  "RadioGroup",
+  "ResizablePanelGroup",
+  "ScrollArea",
+  "Select",
+  "Separator",
+  "Sheet",
+  "Sidebar",
+  "Skeleton",
+  "Slider",
+  "Sonner",
+  "Spinner",
+  "Switch",
+  "Table",
+  "Tabs",
+  "Textarea",
+  "Toast",
+  "Toggle",
+  "ToggleGroup",
+  "Tooltip",
+  "Typography",
+] as const;
+
+export const SHADCN_CHART_COMPONENT = "Chart" as const;
+
+export const SHADCN_THEME_COMPONENT_SUBPATHS = [
+  "accordion",
+  "alert",
+  "alert-dialog",
+  "aspect-ratio",
+  "avatar",
+  "badge",
+  "breadcrumb",
+  "button",
+  "button-group",
+  "calendar",
+  "card",
+  "carousel",
+  "checkbox",
+  "collapsible",
+  "combobox",
+  "command",
+  "context-menu",
+  "data-table",
+  "date-picker",
+  "dialog",
+  "direction",
+  "drawer",
+  "dropdown-menu",
+  "empty",
+  "field",
+  "form",
+  "hover-card",
+  "input",
+  "input-group",
+  "input-otp",
+  "item",
+  "kbd",
+  "label",
+  "menubar",
+  "native-select",
+  "navigation-menu",
+  "pagination",
+  "popover",
+  "progress",
+  "radio-group",
+  "resizable",
+  "scroll-area",
+  "select",
+  "separator",
+  "sheet",
+  "sidebar",
+  "skeleton",
+  "slider",
+  "sonner",
+  "spinner",
+  "switch",
+  "table",
+  "tabs",
+  "textarea",
+  "toast",
+  "toggle",
+  "toggle-group",
+  "tooltip",
+  "typography",
+] as const;

package/src/surfaces.ts

@@ -1,23 +1,70 @@
 import "./themes/default/index.css";
 
+export {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Progress,
+  ProgressCircle,
+  ProgressCircleIndicator,
+  ProgressIndicator,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFoot,
+  TableHead,
+  TableHeaderCell,
+  TableRow,
+} from "@askrjs/ui";
+export type {
+  AvatarAsChildProps,
+  AvatarFallbackAsChildProps,
+  AvatarFallbackOwnProps,
+  AvatarFallbackProps,
+  AvatarImageOwnProps,
+  AvatarImageProps,
+  AvatarLoadingStatus,
+  AvatarOwnProps,
+  AvatarProps,
+  ProgressCircleIndicatorAsChildProps,
+  ProgressCircleIndicatorProps,
+  ProgressCircleOwnProps,
+  ProgressCircleProps,
+  ProgressIndicatorAsChildProps,
+  ProgressIndicatorProps,
+  ProgressOwnProps,
+  ProgressProps,
+  TableAsChildProps,
+  TableBodyAsChildProps,
+  TableBodyProps,
+  TableCaptionAsChildProps,
+  TableCaptionProps,
+  TableCellAsChildProps,
+  TableCellProps,
+  TableFootAsChildProps,
+  TableFootProps,
+  TableHeadAsChildProps,
+  TableHeadProps,
+  TableHeaderCellAsChildProps,
+  TableHeaderCellProps,
+  TableProps,
+  TableRowAsChildProps,
+  TableRowProps,
+} from "@askrjs/ui";
+export { AspectRatio } from "./components/aspect-ratio";
+export type * from "./components/aspect-ratio";
 export { Alert } from "./components/alert";
 export type * from "./components/alert";
 export { Badge } from "./components/badge";
 export type * from "./components/badge";
-export {
-  Card,
-  CardActions,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-} from "./components/card";
+export { Card } from "./components/card";
 export type * from "./components/card";
-export { ListGroup, ListGroupItem } from "./components/list-group";
-export type * from "./components/list-group";
-export { Divider, Separator } from "./components/separator";
-export { SEPARATOR_A11Y_CONTRACT } from "./components/separator";
+export { Separator } from "./components/separator";
 export type * from "./components/separator";
 export { Skeleton } from "./components/skeleton";
 export type * from "./components/skeleton";
+export { Spinner } from "./components/spinner";
+export type * from "./components/spinner";
+export { Stat, StatDescription, StatLabel, StatValue } from "./components/stat";
+export type * from "./components/stat";

package/src/themes/default/index.css

@@ -1,36 +1,36 @@
 @import "./tokens.css";
 @import "./styles/base/reset.css";
 @import "./styles/base/typography.css";
+@import "./styles/base/text.css";
 @import "./styles/base/icon.css";
 @import "./styles/layout/layout.css";
-@import "./styles/layout/responsive-layout.css";
 @import "./styles/base/utilities.css";
 @import "./styles/layout/block.css";
+@import "./styles/layout/grid.css";
 @import "./styles/layout/patterns.css";
 @import "./styles/layout/aspect-ratio.css";
-@import "./styles/shell/theme.css";
 @import "./styles/shell/header.css";
+@import "./styles/shell/brand.css";
+@import "./styles/shell/footer.css";
 @import "./styles/shell/navbar.css";
 @import "./styles/shell/sidebar.css";
 @import "./styles/actions/button.css";
 @import "./styles/actions/button-group.css";
-@import "./styles/actions/toggle.css";
 @import "./styles/actions/toggle-group.css";
 @import "./styles/display/alert.css";
 @import "./styles/forms/input.css";
 @import "./styles/forms/input-group.css";
 @import "./styles/forms/textarea.css";
-@import "./styles/forms/form.css";
 @import "./styles/forms/field.css";
 @import "./styles/forms/checkbox.css";
-@import "./styles/forms/switch.css";
 @import "./styles/forms/radio-group.css";
-@import "./styles/forms/select.css";
+@import "./styles/forms/switch.css";
 @import "./styles/forms/slider.css";
+@import "./styles/forms/select.css";
 @import "./styles/forms/label.css";
 @import "./styles/display/card.css";
-@import "./styles/display/list-group.css";
-@import "./styles/display/virtual-list.css";
+@import "./styles/display/stat.css";
+@import "./styles/display/catalog.css";
 @import "./styles/display/progress.css";
 @import "./styles/display/progress-circle.css";
 @import "./styles/display/badge.css";
@@ -39,18 +39,15 @@
 @import "./styles/display/separator.css";
 @import "./styles/display/table.css";
 @import "./styles/display/virtual-table.css";
-@import "./styles/display/scroll-area.css";
+@import "./styles/display/virtual-list.css";
 @import "./styles/display/spinner.css";
+@import "./styles/display/scroll-area.css";
 @import "./styles/display/coverage.css";
-@import "./styles/navigation/breadcrumb.css";
 @import "./styles/navigation/nav.css";
-@import "./styles/navigation/pagination.css";
-@import "./styles/navigation/menu.css";
-@import "./styles/navigation/menubar.css";
 @import "./styles/disclosure/accordion.css";
-@import "./styles/disclosure/collapsible.css";
 @import "./styles/overlays/alert-dialog.css";
 @import "./styles/overlays/dropdown.css";
+@import "./styles/overlays/menubar.css";
 @import "./styles/overlays/toast.css";
 @import "./styles/overlays/dialog.css";
 @import "./styles/overlays/popover.css";

package/src/themes/default/styles/actions/button-group.css

@@ -30,8 +30,8 @@
 
 :where(.btn-group[data-attached="false"], [data-slot="button-group"][data-attached="false"])
   > :where(.btn, [data-slot="button"]) {
-  border-radius: var(--ak-radius-md);
-  box-shadow: var(--ak-shadow-sm);
+  border-radius: var(--ak-radius-lg);
+  box-shadow: none;
 }
 
 :where(.btn-group[data-attached="true"], [data-slot="button-group"][data-attached="true"])
@@ -41,14 +41,14 @@
 
 :where(.btn-group[data-attached="true"], [data-slot="button-group"][data-attached="true"])
   > :where(.btn, [data-slot="button"]):first-child {
-  border-start-start-radius: var(--ak-radius-md);
-  border-end-start-radius: var(--ak-radius-md);
+  border-start-start-radius: var(--ak-radius-lg);
+  border-end-start-radius: var(--ak-radius-lg);
 }
 
 :where(.btn-group[data-attached="true"], [data-slot="button-group"][data-attached="true"])
   > :where(.btn, [data-slot="button"]):last-child {
-  border-start-end-radius: var(--ak-radius-md);
-  border-end-end-radius: var(--ak-radius-md);
+  border-start-end-radius: var(--ak-radius-lg);
+  border-end-end-radius: var(--ak-radius-lg);
 }
 
 :where(.btn-group[data-attached="true"], [data-slot="button-group"][data-attached="true"])