@askrjs/themes 0.0.20 → 0.0.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@askrjs/themes",
-  "version": "0.0.20",
+  "version": "0.0.21",
   "description": "Default theme tokens, styles, and component presets for Askr apps.",
   "keywords": [
     "askr",
@@ -58,245 +58,29 @@
       "types": "./dist/ssr.d.ts",
       "import": "./dist/ssr.js"
     },
-    "./accordion": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./alert": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./alert-dialog": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./aspect-ratio": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./avatar": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./badge": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./breadcrumb": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./button": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./button-group": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./calendar": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./card": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./carousel": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./checkbox": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./collapsible": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./combobox": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./command": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./context-menu": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./data-table": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./date-picker": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./dialog": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./direction": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./drawer": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./dropdown-menu": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./empty": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./field": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./form": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./hover-card": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./input": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./input-group": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./input-otp": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./item": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./kbd": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./label": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./menubar": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./native-select": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./navigation-menu": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./pagination": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./popover": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./progress": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./radio-group": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./resizable": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./scroll-area": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./select": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./separator": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./sheet": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./sidebar": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./skeleton": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./slider": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./sonner": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./spinner": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./switch": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./table": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./tabs": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
+    "./*": {
+      "types": "./dist/entries/*.d.ts",
+      "import": "./dist/entries/*.js"
     },
-    "./textarea": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./toast": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
-    },
-    "./toggle": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
+    "./default/tokens.css": {
+      "types": "./src/css.d.ts",
+      "default": "./src/themes/default/tokens.css"
     },
-    "./toggle-group": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
+    "./default/foundations.css": {
+      "types": "./src/css.d.ts",
+      "default": "./src/themes/default/foundations.css"
     },
-    "./tooltip": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
+    "./default/input.css": {
+      "types": "./src/css.d.ts",
+      "default": "./src/themes/default/styles/forms/input.css"
     },
-    "./typography": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.js"
+    "./default/label.css": {
+      "types": "./src/css.d.ts",
+      "default": "./src/themes/default/styles/forms/label.css"
     },
-    "./default/tokens.css": {
+    "./default/styles/*": {
       "types": "./src/css.d.ts",
-      "default": "./src/themes/default/tokens.css"
+      "default": "./src/themes/default/styles/*"
     },
     "./templates/*": {
       "types": "./src/css.d.ts",
@@ -326,7 +110,8 @@
     "typecheck": "tsc -p tsconfig.pack.json --noEmit",
     "build": "vp pack",
     "pack:check": "node tests/package-artifacts.js",
-    "check": "npm run lint && npm run typecheck && npm test && npm run build && npm run test:installed && npm run test:publint && npm run pack:check",
+    "test:bundle": "node tests/granular-bundle.js",
+    "check": "npm run lint && npm run typecheck && npm test && npm run build && npm run test:installed && npm run test:publint && npm run pack:check && npm run test:bundle",
     "prepack": "npm run build",
     "prepublishOnly": "npm run check",
     "test:checks": "vp test run -c vitest.test.checks.config.ts"

package/src/entries/accordion.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/accordion";

package/src/entries/alert-dialog.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/alert-dialog";

package/src/entries/alert.ts

@@ -0,0 +1 @@
+export * from "../components/alert";

package/src/entries/aspect-ratio.ts

@@ -0,0 +1 @@
+export * from "../components/aspect-ratio";

package/src/entries/avatar.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/avatar";

package/src/entries/badge.ts

@@ -0,0 +1 @@
+export * from "../components/badge";

package/src/entries/breadcrumb.ts

@@ -0,0 +1,9 @@
+export {
+  Breadcrumb,
+  BreadcrumbList,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  BreadcrumbEllipsis,
+} from "../components/catalog";

package/src/entries/button-group.ts

@@ -0,0 +1 @@
+export * from "../components/button-group";

package/src/entries/button.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/button";

package/src/entries/calendar.ts

@@ -0,0 +1,14 @@
+export {
+  Calendar,
+  CalendarHeader,
+  CalendarCaption,
+  CalendarNav,
+  CalendarPreviousButton,
+  CalendarNextButton,
+  CalendarGrid,
+  CalendarHead,
+  CalendarBody,
+  CalendarRow,
+  CalendarCell,
+  CalendarDay,
+} from "../components/catalog";

package/src/entries/card.ts

@@ -0,0 +1 @@
+export * from "../components/card";

package/src/entries/carousel.ts

@@ -0,0 +1,7 @@
+export {
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselPrevious,
+  CarouselNext,
+} from "../components/catalog";

package/src/entries/checkbox.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/checkbox";

package/src/entries/collapsible.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/collapsible";

package/src/entries/combobox.ts

@@ -0,0 +1 @@
+export { Combobox, ComboboxInput, ComboboxList, ComboboxOption } from "../components/catalog";

package/src/entries/command.ts

@@ -0,0 +1,13 @@
+export {
+  Command,
+  CommandDialog,
+  CommandInput,
+  CommandHeader,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandGroupHeading,
+  CommandItem,
+  CommandSeparator,
+  CommandShortcut,
+} from "../components/catalog";

package/src/entries/context-menu.ts

@@ -0,0 +1,10 @@
+export {
+  Dropdown as ContextMenu,
+  DropdownGroup as ContextMenuGroup,
+  DropdownItem as ContextMenuItem,
+  DropdownLabel as ContextMenuLabel,
+  DropdownPortal as ContextMenuPortal,
+  DropdownSeparator as ContextMenuSeparator,
+  DropdownTrigger as ContextMenuTrigger,
+} from "@askrjs/ui/dropdown";
+export { DropdownContent as ContextMenuContent } from "../components/overlays/dropdown-content";

package/src/entries/data-table.ts

@@ -0,0 +1 @@
+export { DataTable } from "../components/catalog";

package/src/entries/date-picker.ts

@@ -0,0 +1 @@
+export { DatePicker, DatePickerInput } from "../components/catalog";

package/src/entries/dialog.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/dialog";

package/src/entries/direction.ts

@@ -0,0 +1 @@
+export { Direction } from "../components/catalog";

package/src/entries/drawer.ts

@@ -0,0 +1,10 @@
+export {
+  Dialog as Drawer,
+  DialogClose as DrawerClose,
+  DialogContent as DrawerContent,
+  DialogDescription as DrawerDescription,
+  DialogOverlay as DrawerOverlay,
+  DialogPortal as DrawerPortal,
+  DialogTitle as DrawerTitle,
+  DialogTrigger as DrawerTrigger,
+} from "@askrjs/ui/dialog";

package/src/entries/dropdown-menu.ts

@@ -0,0 +1,10 @@
+export {
+  Dropdown as DropdownMenu,
+  DropdownGroup as DropdownMenuGroup,
+  DropdownItem as DropdownMenuItem,
+  DropdownLabel as DropdownMenuLabel,
+  DropdownPortal as DropdownMenuPortal,
+  DropdownSeparator as DropdownMenuSeparator,
+  DropdownTrigger as DropdownMenuTrigger,
+} from "@askrjs/ui/dropdown";
+export { DropdownContent as DropdownMenuContent } from "../components/overlays/dropdown-content";

package/src/entries/empty.ts

@@ -0,0 +1,8 @@
+export {
+  Empty,
+  EmptyHeader,
+  EmptyTitle,
+  EmptyDescription,
+  EmptyContent,
+  EmptyMedia,
+} from "../components/catalog";

package/src/entries/field.ts

@@ -0,0 +1 @@
+export * from "../components/field";

package/src/entries/form.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/form";

package/src/entries/hover-card.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/hover-card";

package/src/entries/input-group.ts

@@ -0,0 +1 @@
+export * from "../components/input-group";

package/src/entries/input-otp.ts

@@ -0,0 +1 @@
+export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from "../components/catalog";

package/src/entries/input.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/input";

package/src/entries/item.ts

@@ -0,0 +1,11 @@
+export {
+  Item,
+  ItemGroup,
+  ItemHeader,
+  ItemMedia,
+  ItemContent,
+  ItemTitle,
+  ItemDescription,
+  ItemActions,
+  ItemFooter,
+} from "../components/catalog";

package/src/entries/kbd.ts

@@ -0,0 +1 @@
+export { Kbd } from "../components/catalog";

package/src/entries/label.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/label";

package/src/entries/menubar.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/menubar";

package/src/entries/native-select.ts

@@ -0,0 +1 @@
+export { NativeSelect } from "../components/catalog";

package/src/entries/navigation-menu.ts

@@ -0,0 +1,10 @@
+export {
+  NavigationMenu,
+  NavigationMenuList,
+  NavigationMenuItem,
+  NavigationMenuTrigger,
+  NavigationMenuContent,
+  NavigationMenuLink,
+  NavigationMenuViewport,
+  NavigationMenuIndicator,
+} from "../components/catalog";

package/src/entries/pagination.ts

@@ -0,0 +1,9 @@
+export {
+  Pagination,
+  PaginationContent,
+  PaginationItem,
+  PaginationLink,
+  PaginationPrevious,
+  PaginationNext,
+  PaginationEllipsis,
+} from "../components/catalog";

package/src/entries/popover.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/popover";

package/src/entries/progress.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/progress";

package/src/entries/radio-group.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/radio-group";

package/src/entries/resizable.ts

@@ -0,0 +1 @@
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle } from "../components/catalog";

package/src/entries/scroll-area.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/scroll-area";

package/src/entries/select.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/select";

package/src/entries/separator.ts

@@ -0,0 +1 @@
+export * from "../components/separator";

package/src/entries/sheet.ts

@@ -0,0 +1,14 @@
+export {
+  Dialog as Sheet,
+  DialogClose as SheetClose,
+  DialogOverlay as SheetOverlay,
+  DialogPortal as SheetPortal,
+  DialogTrigger as SheetTrigger,
+} from "@askrjs/ui/dialog";
+export {
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+} from "../components/catalog";

package/src/entries/sidebar.ts

@@ -0,0 +1 @@
+export * from "../components/sidebar";

package/src/entries/skeleton.ts

@@ -0,0 +1 @@
+export * from "../components/skeleton";

package/src/entries/slider.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/slider";

package/src/entries/sonner.ts

@@ -0,0 +1 @@
+export { Sonner, Toaster } from "../components/catalog";

package/src/entries/spinner.ts

@@ -0,0 +1 @@
+export * from "../components/spinner";

package/src/entries/switch.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/switch";

package/src/entries/table.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/table";

package/src/entries/tabs.ts

@@ -0,0 +1,2 @@
+export { Pill, Pills, Tab, Tabs } from "../components/nav";
+export { TabsContent, TabsList, TabsTrigger } from "../components/catalog";

package/src/entries/textarea.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/textarea";

package/src/entries/toast.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/toast";

package/src/entries/toggle-group.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/toggle-group";

package/src/entries/toggle.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/toggle";

package/src/entries/tooltip.ts

@@ -0,0 +1 @@
+export * from "@askrjs/ui/tooltip";

package/src/entries/typography.ts

@@ -0,0 +1,12 @@
+export {
+  Typography,
+  TypographyH1,
+  TypographyH2,
+  TypographyH3,
+  TypographyH4,
+  TypographyP,
+  TypographyBlockquote,
+  TypographyList,
+  TypographyLead,
+  TypographyMuted,
+} from "../components/catalog";

package/src/parity.ts

@@ -1,4 +1,4 @@
-export const SHADCN_THEME_COMPONENTS = [
+export const THEME_COMPONENTS = [
   "Accordion",
   "Alert",
   "AlertDialog",
@@ -60,9 +60,9 @@ export const SHADCN_THEME_COMPONENTS = [
   "Typography",
 ] as const;
 
-export const SHADCN_CHART_COMPONENT = "Chart" as const;
+export const EXCLUDED_CHART_COMPONENT = "Chart" as const;
 
-export const SHADCN_THEME_COMPONENT_SUBPATHS = [
+export const THEME_COMPONENT_SUBPATHS = [
   "accordion",
   "alert",
   "alert-dialog",

package/src/themes/default/foundations.css

@@ -0,0 +1,6 @@
+@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/base/utilities.css";