@cfast/joy 0.0.1 → 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Daniel Schmidt
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, ReactElement } from 'react';
-import { ButtonProps } from '@mui/joy/Button';
+import { ButtonProps } from "@mui/joy";
 import { ActionHookResult } from '@cfast/actions/client';
 import { WhenForbidden, ConfirmOptions, ConfirmDialogSlotProps, FormStatusProps, EmptyStateProps, BreadcrumbItem, TabItem, AppShellProps, NavigationItem, UserMenuProps, DataTableProps, FilterBarProps, BulkAction, DropZoneProps, ImagePreviewProps, FileListProps, ListViewProps, DetailViewProps, AvatarWithInitialsProps, RoleBadgeProps, ImpersonationBannerProps } from '@cfast/ui';
 export { PermissionGate } from '@cfast/ui';

package/dist/index.js

@@ -1,7 +1,7 @@
 // src/action-button.tsx
 import "react";
-import JoyButton from "@mui/joy/Button";
-import JoyTooltip from "@mui/joy/Tooltip";
+import { Button as JoyButton } from "@mui/joy";
+import { Tooltip as JoyTooltip } from "@mui/joy";
 import { jsx } from "react/jsx-runtime";
 function ActionButton({
   action,
@@ -42,11 +42,11 @@ function ActionButton({
 
 // src/confirm-dialog.tsx
 import "react";
-import Modal from "@mui/joy/Modal";
-import ModalDialog from "@mui/joy/ModalDialog";
-import Typography from "@mui/joy/Typography";
-import Button from "@mui/joy/Button";
-import Stack from "@mui/joy/Stack";
+import { Modal } from "@mui/joy";
+import { ModalDialog } from "@mui/joy";
+import { Typography } from "@mui/joy";
+import { Button } from "@mui/joy";
+import { Stack } from "@mui/joy";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function ConfirmDialog({
   open,
@@ -108,8 +108,8 @@ function ToastProvider({ children }) {
 
 // src/form-status.tsx
 import "react";
-import Alert from "@mui/joy/Alert";
-import Stack2 from "@mui/joy/Stack";
+import { Alert } from "@mui/joy";
+import { Stack as Stack2 } from "@mui/joy";
 import { jsx as jsx4 } from "react/jsx-runtime";
 function FormStatus({ data }) {
   if (!data) return null;
@@ -140,9 +140,9 @@ function FormStatus({ data }) {
 
 // src/empty-state.tsx
 import "react";
-import Typography2 from "@mui/joy/Typography";
-import Button2 from "@mui/joy/Button";
-import Stack3 from "@mui/joy/Stack";
+import { Typography as Typography2 } from "@mui/joy";
+import { Button as Button2 } from "@mui/joy";
+import { Stack as Stack3 } from "@mui/joy";
 import { useActionStatus } from "@cfast/ui";
 import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function EmptyState({
@@ -191,7 +191,7 @@ function EmptyStateWithAction({
 
 // src/navigation-progress.tsx
 import "react";
-import LinearProgress from "@mui/joy/LinearProgress";
+import { LinearProgress } from "@mui/joy";
 import { useNavigation } from "react-router";
 import { jsx as jsx6 } from "react/jsx-runtime";
 function NavigationProgress() {
@@ -218,10 +218,10 @@ function NavigationProgress() {
 
 // src/page-container.tsx
 import "react";
-import Typography3 from "@mui/joy/Typography";
-import Breadcrumbs from "@mui/joy/Breadcrumbs";
+import { Typography as Typography3 } from "@mui/joy";
+import { Breadcrumbs } from "@mui/joy";
 import { Link } from "react-router";
-import Stack4 from "@mui/joy/Stack";
+import { Stack as Stack4 } from "@mui/joy";
 import { Fragment, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 function PageContainer({
   title,
@@ -244,10 +244,10 @@ function PageContainer({
 
 // src/app-shell.tsx
 import "react";
-import Sheet from "@mui/joy/Sheet";
-import List from "@mui/joy/List";
-import ListItem from "@mui/joy/ListItem";
-import ListItemButton from "@mui/joy/ListItemButton";
+import { Sheet } from "@mui/joy";
+import { List } from "@mui/joy";
+import { ListItem } from "@mui/joy";
+import { ListItemButton } from "@mui/joy";
 import { Link as Link2 } from "react-router";
 import { useActionStatus as useActionStatus2 } from "@cfast/ui";
 import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
@@ -322,19 +322,19 @@ AppShell.Header = AppShellHeader;
 
 // src/user-menu.tsx
 import "react";
-import Avatar from "@mui/joy/Avatar";
-import Dropdown from "@mui/joy/Dropdown";
-import Menu from "@mui/joy/Menu";
-import MenuItem from "@mui/joy/MenuItem";
-import MenuButton from "@mui/joy/MenuButton";
-import IconButton from "@mui/joy/IconButton";
+import { Avatar } from "@mui/joy";
+import { Dropdown } from "@mui/joy";
+import { Menu } from "@mui/joy";
+import { MenuItem } from "@mui/joy";
+import { MenuButton } from "@mui/joy";
+import { IconButton } from "@mui/joy";
 import { Link as Link3 } from "react-router";
 import { useCurrentUser } from "@cfast/auth/client";
 import { getInitials, useActionStatus as useActionStatus3 } from "@cfast/ui";
 
 // src/role-badge.tsx
 import "react";
-import Chip from "@mui/joy/Chip";
+import { Chip } from "@mui/joy";
 import { jsx as jsx9 } from "react/jsx-runtime";
 var VALID_COLORS = /* @__PURE__ */ new Set(["primary", "neutral", "danger", "success", "warning"]);
 var defaultColors = {
@@ -389,9 +389,9 @@ function PermissionFilteredLink({ link }) {
 
 // src/data-table.tsx
 import { useState, useCallback as useCallback2 } from "react";
-import JoyTable from "@mui/joy/Table";
-import JoySheet from "@mui/joy/Sheet";
-import JoyCheckbox from "@mui/joy/Checkbox";
+import { Table as JoyTable } from "@mui/joy";
+import { Sheet as JoySheet } from "@mui/joy";
+import { Checkbox as JoyCheckbox } from "@mui/joy";
 import { getField, getRecordId } from "@cfast/ui";
 import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 function normalizeColumns(columns) {
@@ -508,10 +508,10 @@ function defaultGetId(row) {
 // src/filter-bar.tsx
 import { useCallback as useCallback3 } from "react";
 import { useSearchParams, useNavigate, useLocation } from "react-router";
-import JoyInput from "@mui/joy/Input";
-import JoySelect from "@mui/joy/Select";
-import JoyOption from "@mui/joy/Option";
-import JoyStack from "@mui/joy/Stack";
+import { Input as JoyInput } from "@mui/joy";
+import { Select as JoySelect } from "@mui/joy";
+import { Option as JoyOption } from "@mui/joy";
+import { Stack as JoyStack } from "@mui/joy";
 import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 function FilterBar({
   filters,
@@ -595,10 +595,10 @@ function JoyFilterInput({
 
 // src/bulk-action-bar.tsx
 import "react";
-import JoySheet2 from "@mui/joy/Sheet";
-import JoyStack2 from "@mui/joy/Stack";
-import JoyButton2 from "@mui/joy/Button";
-import JoyTypography from "@mui/joy/Typography";
+import { Sheet as JoySheet2 } from "@mui/joy";
+import { Stack as JoyStack2 } from "@mui/joy";
+import { Button as JoyButton2 } from "@mui/joy";
+import { Typography as JoyTypography } from "@mui/joy";
 import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 function BulkActionBar({
   selectedCount,
@@ -656,9 +656,9 @@ function BulkActionBar({
 
 // src/drop-zone.tsx
 import { useState as useState2, useCallback as useCallback4, useRef } from "react";
-import JoySheet3 from "@mui/joy/Sheet";
-import JoyTypography2 from "@mui/joy/Typography";
-import JoyLinearProgress from "@mui/joy/LinearProgress";
+import { Sheet as JoySheet3 } from "@mui/joy";
+import { Typography as JoyTypography2 } from "@mui/joy";
+import { LinearProgress as JoyLinearProgress } from "@mui/joy";
 import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 function DropZone({
   upload,
@@ -748,8 +748,8 @@ function DropZone({
 
 // src/image-preview.tsx
 import "react";
-import JoyAspectRatio from "@mui/joy/AspectRatio";
-import JoyTypography3 from "@mui/joy/Typography";
+import { AspectRatio as JoyAspectRatio } from "@mui/joy";
+import { Typography as JoyTypography3 } from "@mui/joy";
 import { jsx as jsx15 } from "react/jsx-runtime";
 function ImagePreview({
   fileKey,
@@ -790,11 +790,11 @@ function ImagePreview({
 
 // src/file-list.tsx
 import "react";
-import JoyList from "@mui/joy/List";
-import JoyListItem from "@mui/joy/ListItem";
-import JoyListItemContent from "@mui/joy/ListItemContent";
-import JoyTypography4 from "@mui/joy/Typography";
-import JoyButton3 from "@mui/joy/Button";
+import { List as JoyList } from "@mui/joy";
+import { ListItem as JoyListItem } from "@mui/joy";
+import { ListItemContent as JoyListItemContent } from "@mui/joy";
+import { Typography as JoyTypography4 } from "@mui/joy";
+import { Button as JoyButton3 } from "@mui/joy";
 import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
 function formatBytes(bytes) {
   if (bytes < 1024) return `${bytes} B`;
@@ -827,9 +827,9 @@ function FileList({
 
 // src/list-view.tsx
 import { useState as useState3, useCallback as useCallback5 } from "react";
-import JoyButton4 from "@mui/joy/Button";
-import JoyStack3 from "@mui/joy/Stack";
-import JoyTypography5 from "@mui/joy/Typography";
+import { Button as JoyButton4 } from "@mui/joy";
+import { Stack as JoyStack3 } from "@mui/joy";
+import { Typography as JoyTypography5 } from "@mui/joy";
 import { useActionStatus as useActionStatus4 } from "@cfast/ui";
 import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 function ListView({
@@ -920,8 +920,8 @@ function CreateButton({ action, label }) {
 }
 
 // src/detail-view.tsx
-import JoyGrid from "@mui/joy/Grid";
-import JoyTypography6 from "@mui/joy/Typography";
+import { Grid as JoyGrid } from "@mui/joy";
+import { Typography as JoyTypography6 } from "@mui/joy";
 import { fieldForColumn, getField as getField2 } from "@cfast/ui";
 import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 function normalizeFields(fields) {
@@ -982,7 +982,7 @@ function resolveFieldComponent(_key, table) {
 
 // src/avatar-with-initials.tsx
 import "react";
-import Avatar2 from "@mui/joy/Avatar";
+import { Avatar as Avatar2 } from "@mui/joy";
 import { getInitials as getInitials2 } from "@cfast/ui";
 import { jsx as jsx19 } from "react/jsx-runtime";
 function AvatarWithInitials({
@@ -995,10 +995,10 @@ function AvatarWithInitials({
 
 // src/impersonation-banner.tsx
 import "react";
-import Sheet2 from "@mui/joy/Sheet";
-import Typography4 from "@mui/joy/Typography";
-import Button3 from "@mui/joy/Button";
-import Stack5 from "@mui/joy/Stack";
+import { Sheet as Sheet2 } from "@mui/joy";
+import { Typography as Typography4 } from "@mui/joy";
+import { Button as Button3 } from "@mui/joy";
+import { Stack as Stack5 } from "@mui/joy";
 import { useCurrentUser as useCurrentUser2 } from "@cfast/auth/client";
 import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 function ImpersonationBanner({
@@ -1032,12 +1032,12 @@ function ImpersonationBanner({
 import { PermissionGate } from "@cfast/ui";
 
 // src/login-components.tsx
-import Box from "@mui/joy/Box";
-import Card from "@mui/joy/Card";
-import Input from "@mui/joy/Input";
-import Button4 from "@mui/joy/Button";
-import Alert2 from "@mui/joy/Alert";
-import Divider from "@mui/joy/Divider";
+import { Box } from "@mui/joy";
+import { Card } from "@mui/joy";
+import { Input } from "@mui/joy";
+import { Button as Button4 } from "@mui/joy";
+import { Alert as Alert2 } from "@mui/joy";
+import { Divider } from "@mui/joy";
 import { Fragment as Fragment3, jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 function Layout({ children }) {
   return /* @__PURE__ */ jsx21(

package/llms.txt

@@ -106,3 +106,8 @@ import { ActionButton } from "@cfast/joy";
 - Forgetting `<ToastProvider>` in root layout -- `useToast()` and `useActionToast()` throw without it.
 - Forgetting `<ConfirmProvider>` -- `useConfirm()` and `ActionButton` with `confirmation` need it.
 - Passing raw data arrays to `DataTable` instead of a pagination result from `usePagination()`.
+
+## See Also
+
+- `@cfast/ui` -- Headless components that `@cfast/joy` styles with MUI Joy.
+- `@cfast/actions` -- Action handling consumed by `ActionButton` and `ActionForm`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cfast/joy",
-  "version": "0.0.1",
+  "version": "0.1.1",
   "description": "Joy UI plugin for @cfast/ui — styled components powered by MUI Joy",
   "license": "MIT",
   "repository": {
@@ -17,34 +17,28 @@
       "types": "./dist/index.d.ts"
     }
   },
-  "files": ["dist", "llms.txt"],
+  "files": [
+    "dist",
+    "llms.txt"
+  ],
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "build": "tsup src/index.ts --format esm --dts",
-    "dev": "tsup src/index.ts --format esm --dts --watch",
-    "typecheck": "tsc --noEmit",
-    "lint": "eslint src/",
-    "test": "vitest run",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
-  },
   "peerDependencies": {
     "react": ">=19",
     "react-dom": ">=19",
     "react-router": ">=7"
   },
   "dependencies": {
-    "@cfast/actions": "workspace:*",
-    "@cfast/auth": "workspace:*",
-    "@cfast/ui": "workspace:*",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@mui/joy": "^5.0.0-beta.52",
     "@mui/material": "^6.5.0",
-    "sonner": "^2.0.3"
+    "sonner": "^2.0.3",
+    "@cfast/ui": "0.2.1",
+    "@cfast/auth": "0.2.2",
+    "@cfast/actions": "0.1.1"
   },
   "devDependencies": {
     "@storybook/react": "^8.6.14",
@@ -61,5 +55,14 @@
     "tsup": "^8",
     "typescript": "^5.7",
     "vitest": "^4.1.0"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format esm --dts && node ../../scripts/fix-mui-joy-imports.mjs dist",
+    "dev": "tsup src/index.ts --format esm --dts --watch --onSuccess \"node ../../scripts/fix-mui-joy-imports.mjs dist\"",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint src/",
+    "test": "vitest run",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   }
-}
+}