@cascivo/react 0.1.0

package/dist/types/packages/react/src/index.d.ts

@@ -0,0 +1,122 @@
+/**
+ * @cascivo/react — the prebuilt distribution of every cascade component.
+ *
+ * For users who want to consume cascade as a normal library instead of
+ * copy-pasting source via the CLI. Bundles all components + their CSS
+ * (import '@cascivo/react/styles.css').
+ */
+export * from '../../components/src/button/button';
+export * from '../../components/src/input/input';
+export * from '../../components/src/card/card';
+export * from '../../components/src/badge/badge';
+export * from '../../components/src/modal/modal';
+export * from '../../components/src/spinner/spinner';
+export * from '../../components/src/separator/separator';
+export * from '../../components/src/alert/alert';
+export * from '../../components/src/avatar/avatar';
+export * from '../../components/src/textarea/textarea';
+export * from '../../components/src/select/select';
+export * from '../../components/src/checkbox/checkbox';
+export * from '../../components/src/radio/radio';
+export * from '../../components/src/toggle/toggle';
+export * from '../../components/src/slider/slider';
+export * from '../../components/src/tooltip/tooltip';
+export * from '../../components/src/dropdown/dropdown';
+export * from '../../components/src/toast/toast';
+export * from '../../components/src/tabs/tabs';
+export * from '../../components/src/accordion/accordion';
+export * from '../../components/src/kbd/kbd';
+export * from '../../components/src/link/link';
+export * from '../../components/src/breadcrumb/breadcrumb';
+export * from '../../components/src/header/header';
+export * from '../../components/src/side-nav/side-nav';
+export * from '../../components/src/pagination/pagination';
+export * from '../../components/src/progress-indicator/progress-indicator';
+export * from '../../components/src/tag/tag';
+export * from '../../components/src/skeleton/skeleton';
+export * from '../../components/src/progress-bar/progress-bar';
+export * from '../../components/src/empty-state/empty-state';
+export * from '../../components/src/overflow-menu/overflow-menu';
+export * from '../../components/src/search/search';
+export * from '../../components/src/number-input/number-input';
+export * from '../../components/src/data-table/data-table';
+export * from '../../components/src/command-menu/command-menu';
+export * from '../../components/src/form/form';
+export * from '../../components/src/combobox/combobox';
+export * from '../../components/src/date-picker/date-picker';
+export * from '../../components/src/file-uploader/file-uploader';
+export * from '../../components/src/time-picker/time-picker';
+export * from '../../components/src/popover/popover';
+export { usePopover } from '../../components/src/popover/use-popover';
+export type { UsePopoverOptions, UsePopoverReturn } from '../../components/src/popover/use-popover';
+export * from '../../components/src/menu/menu';
+export * from '../../components/src/alert-dialog/alert-dialog';
+export * from '../../components/src/sheet/sheet';
+export * from '../../components/src/context-menu/context-menu';
+export * from '../../components/src/hover-card/hover-card';
+export { ErrorBoundary, SuspenseBoundary, Portal, FocusScope } from '@cascivo/core';
+export * from '../../components/src/password-input/password-input';
+export * from '../../components/src/multi-select/multi-select';
+export * from '../../components/src/tags-input/tags-input';
+export * from '../../components/src/otp-input/otp-input';
+export * from '../../components/src/segmented-control/segmented-control';
+export { InputGroup, InputGroupAddon } from '../../components/src/input-group/input-group';
+export type { InputGroupProps, InputGroupAddonProps, } from '../../components/src/input-group/input-group';
+export * from '../../components/src/rating-group/rating-group';
+export * from '../../components/src/editable/editable';
+export * from '../../components/src/radio-card/radio-card';
+export * from '../../components/src/shell-header/shell-header';
+export * from '../../components/src/header-panel/header-panel';
+export * from '../../components/src/switcher/switcher';
+export * from '../../components/src/checkbox-card/checkbox-card';
+export * from '../../components/src/copy-button/copy-button';
+export * from '../../components/src/stat/stat';
+export * from '../../components/src/status/status';
+export * from '../../components/src/visually-hidden/visually-hidden';
+export * from '../../components/src/skip-nav/skip-nav';
+export * from '../../components/src/progress/progress';
+export * from '../../components/src/progress-circle/progress-circle';
+export * from '../../components/src/heading/heading';
+export * from '../../components/src/text/text';
+export * from '../../components/src/code/code';
+export * from '../../components/src/blockquote/blockquote';
+export * from '../../components/src/list/list';
+export * from '../../components/src/prose/prose';
+export * from '../../components/src/label/label';
+export * from '../../components/src/field/field';
+export * from '../../components/src/filter/filter';
+export * from '../../components/src/icon-button/icon-button';
+export * from '../../components/src/button-group/button-group';
+export * from '../../components/src/toggle-group/toggle-group';
+export * from '../../components/src/inline-loading/inline-loading';
+export * from '../../components/src/notification/notification';
+export * from '../../components/src/scroll-area/scroll-area';
+export * from '../../components/src/collapsible/collapsible';
+export * from '../../components/src/aspect-ratio/aspect-ratio';
+export * from '../../components/src/menu-button/menu-button';
+export * from '../../components/src/toggletip/toggletip';
+export * from '../../components/src/menubar/menubar';
+export * from '../../components/src/navigation-menu/navigation-menu';
+export * from '../../components/src/tree-view/tree-view';
+export * from '../../components/src/structured-list/structured-list';
+export * from '../../components/src/contained-list/contained-list';
+export * from '../../components/src/data-list/data-list';
+export * from '../../components/src/timeline/timeline';
+export * from '../../components/src/item/item';
+export * from '../../components/src/calendar/calendar';
+export * from '../../components/src/date-range-picker/date-range-picker';
+export * from '../../components/src/color-picker/color-picker';
+export * from '../../components/src/carousel/carousel';
+export * from '../../components/src/resizable/resizable';
+export * from '../../components/src/dock/dock';
+export * from '../../components/src/drawer/drawer';
+export * from '../../components/src/native-select/native-select';
+export * from '../../components/src/code-snippet/code-snippet';
+export * from '../../components/src/steps/steps';
+export * from '../../components/src/tile/tile';
+export * from '../../components/src/indicator/indicator';
+export * from '../../components/src/join/join';
+export * from '../../components/src/stack/stack';
+export * from '../../components/src/chat-bubble/chat-bubble';
+export * from '../../components/src/radial-progress/radial-progress';
+export * from '../../components/src/swap/swap';

package/dist/types/packages/react/src/setup.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@cascivo/react",
+  "version": "0.1.0",
+  "private": false,
+  "description": "Prebuilt cascade design system components — use without copying source",
+  "keywords": [
+    "cascivo",
+    "components",
+    "css",
+    "design-system",
+    "react",
+    "react-components",
+    "signals",
+    "ui"
+  ],
+  "homepage": "https://github.com/urbanisierung/cascivo/tree/main/packages/react#readme",
+  "bugs": "https://github.com/urbanisierung/cascivo/issues",
+  "license": "MIT",
+  "author": "urbanisierung",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/urbanisierung/cascivo.git",
+    "directory": "packages/react"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./dist/cascade.css"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "dependencies": {
+    "@cascivo/i18n": "^0.1.0",
+    "@cascivo/core": "^0.1.0"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "jsdom": "^29",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "typescript": "^5",
+    "vite-plus": "^0.1.24",
+    "vitest": "npm:@voidzero-dev/vite-plus-test@0.1.24",
+    "@cascivo/components": "0.0.0"
+  },
+  "peerDependencies": {
+    "@preact/signals-react": ">=2.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "scripts": {
+    "build": "vp build && tsc -p tsconfig.build.json && node scripts/flatten-types.mjs",
+    "check": "tsc --noEmit",
+    "test": "vp test"
+  }
+}

package/readme.body.md

@@ -0,0 +1,37 @@
+Every cascivo component, prebuilt as a normal installable library — for users
+who just want to **use** the design system without owning the source. If you
+want to customize component internals, use the copy-paste flow instead
+(`npx cascivo add <component>`); both consume the same tokens and themes, and
+can coexist in one project.
+
+## Use
+
+```tsx
+// once, in your entry file
+import '@cascivo/react/styles.css'
+import '@cascivo/themes/light'
+
+// anywhere
+import { Button, Card, CardContent, Toggle } from '@cascivo/react'
+
+export function App() {
+  return (
+    <main data-theme="light">
+      <Card>
+        <CardContent>
+          <Toggle label="Notifications" defaultChecked />
+          <Button>Save</Button>
+        </CardContent>
+      </Card>
+    </main>
+  )
+}
+```
+
+Theming works exactly like the copy-paste flow: import a theme stylesheet and
+scope it with `data-theme="light" | "dark" | "warm"` on any container. Brand
+adaptation happens by overriding `--cascivo-*` custom properties — no rebuild
+needed.
+
+All components are client components (`'use client'` is preserved in the
+bundle), so the package works in Next.js App Router projects out of the box.