neatkit 0.4.2 → 0.5.0

package/dist/tokens.d.ts

@@ -6,7 +6,7 @@ export declare const SPACE_SIZES: readonly [2, 4, 8, 12, 16, 24, 32, 48];
 export type SpaceSize = (typeof SPACE_SIZES)[number];
 /** The canonical Neatkit responsive breakpoints in CSS pixels. */
 export declare const BREAKPOINTS: {
-    readonly sm: 768;
+    readonly sm: 720;
     readonly md: 960;
     readonly lg: 1440;
     readonly xl: 1920;

package/package.json

@@ -1,8 +1,13 @@
 {
   "name": "neatkit",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "description": "A modern, composable UI library for the web.",
-  "keywords": ["library", "react", "typescript", "ui"],
+  "keywords": [
+    "library",
+    "react",
+    "typescript",
+    "ui"
+  ],
   "type": "module",
   "license": "MPL-2.0",
   "engines": {
@@ -11,7 +16,7 @@
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "types": "./dist/entries/index.d.ts",
   "files": [
     "dist"
   ],
@@ -20,10 +25,20 @@
   ],
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/entries/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
+    "./code": {
+      "types": "./dist/entries/code.d.ts",
+      "import": "./dist/code.js",
+      "require": "./dist/code.cjs"
+    },
+    "./markdown": {
+      "types": "./dist/entries/markdown.d.ts",
+      "import": "./dist/markdown.js",
+      "require": "./dist/markdown.cjs"
+    },
     "./style.css": "./dist/style.css"
   },
   "scripts": {
@@ -31,6 +46,7 @@
     "test": "vitest run",
     "test:coverage": "vitest run --coverage",
     "test:watch": "vitest",
+    "test:imports": "tsx test/imports.ts",
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
@@ -42,6 +58,7 @@
     "@testing-library/jest-dom": "^7.0.0",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.3",
+    "@types/node": "^22.20.1",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.7.0",
@@ -50,8 +67,19 @@
     "jsdom": "^30.0.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "tsx": "^4.23.12",
     "typescript": "^5.5.4",
     "vite": "^6.4.3",
     "vitest": "^4.1.10"
+  },
+  "dependencies": {
+    "highlight.js": "~11.11.0",
+    "lowlight": "^3.3.0",
+    "react-markdown": "^10.1.0",
+    "rehype-raw": "^7.0.0",
+    "rehype-sanitize": "^6.0.0",
+    "rehype-slug": "^6.0.0",
+    "remark-gfm": "^4.0.1",
+    "unified": "^11.0.5"
   }
 }

package/dist/index.d.ts

@@ -1,29 +0,0 @@
-import "./style.css";
-export { breakpoint, cell, px, space, } from "./utils/units";
-export { tokens } from "./tokens";
-export type { BreakpointName, SpaceSize } from "./tokens";
-export { Alert, type AlertProps, type AlertTone, } from "./components/Alert";
-export { Avatar, type AvatarProps } from "./components/Avatar";
-export { Badge, type BadgeProps, type BadgeTone, type BadgeVariant, } from "./components/Badge";
-export { Button, type ButtonIconAlignment, type ButtonProps, type ButtonShape, type ButtonTextAlignment, type ButtonTone, type ButtonVariant, } from "./components/Button";
-export { Card, type CardHeader, type CardProps, type CardSpacing, } from "./components/Card";
-export { Checkbox, type CheckboxProps } from "./components/Checkbox";
-export { CheckboxGroup, type CheckboxGroupOrientation, type CheckboxGroupProps, } from "./components/CheckboxGroup";
-export { Content, type ContentFill, type ContentMode, type ContentProps, type ContentSpacing, type ContentTheme, } from "./components/Content";
-export { Divider, type DividerOrientation, type DividerProps, } from "./components/Divider";
-export { Field, type FieldOrientation, type FieldProps, } from "./components/Field";
-export { Icon, type IconProps, type IconType } from "./components/Icon";
-export { Input, type InputProps, type InputType, } from "./components/Input";
-export { Modal, type ModalCloseReason, type ModalProps, } from "./components/Modal";
-export { Popover, type PopoverOpenChangeReason, type PopoverPlacement, type PopoverProps, } from "./components/Popover";
-export { PinInput, type PinInputMode, type PinInputProps, } from "./components/PinInput";
-export { Radio, type RadioProps } from "./components/Radio";
-export { RadioGroup, type RadioGroupOrientation, type RadioGroupProps, } from "./components/RadioGroup";
-export { Select, type CustomSelectProps, type NativeSelectProps, type SelectDisplayOverride, type SelectOption, type SelectProps, } from "./components/Select";
-export { Skeleton, type SkeletonProps, type SkeletonShape, } from "./components/Skeleton";
-export { Spinner, type SpinnerProps } from "./components/Spinner";
-export { Switch, type SwitchProps } from "./components/Switch";
-export { Table, type TableActionCellProps, type TableActionHeaderCellProps, type TableActionProps, type TableBodyProps, type TableCellAlignment, type TableCellProps, type TableCellValue, type TableFootProps, type TableHeaderCellProps, type TableHeadProps, type TableProps, type TableRowProps, } from "./components/Table";
-export { Text, type TextAlignment, type TextProps, type TextSize, type TextTone, type TextWeight, } from "./components/Text";
-export { TextArea, type TextAreaProps, type TextAreaResize, } from "./components/TextArea";
-export { Tooltip, type TooltipPlacement, type TooltipProps, TooltipProvider, type TooltipProviderProps, } from "./components/Tooltip";