@litelens/design-system 1.6.5 → 1.7.0

package/README.md

@@ -19,10 +19,25 @@ React 19 component library for litelens — atoms, components, utilities, and ho
 
 ## Installation
 
+This package is published to [GitHub Packages](https://github.com/orgs/litelensapp/packages), not the public npm registry. GitHub Packages requires the npm scope to match the owning GitHub org, so the package is published there as **`@litelensapp/design-system`** (the source package is `@litelens/design-system` internally, but external consumers install and import it under the `@litelensapp` scope).
+
+### 1. Authenticate to GitHub Packages
+
+Create a GitHub [personal access token](https://github.com/settings/tokens) with at least `read:packages` scope, then add a `.npmrc` in your project root (or `~/.npmrc` for a global config):
+
+```
+@litelensapp:registry=https://npm.pkg.github.com
+//npm.pkg.github.com/:_authToken=${GITHUB_TOKEN}
+```
+
+Set `GITHUB_TOKEN` in your shell environment (or replace `${GITHUB_TOKEN}` with the token directly, though an env var is recommended so the token isn't committed).
+
+### 2. Install
+
 ```bash
-npm install @litelens/design-system
+npm install @litelensapp/design-system
 # or
-pnpm add @litelens/design-system
+pnpm add @litelensapp/design-system
 ```
 
 ## Tailwind CSS v4 Setup
@@ -31,7 +46,7 @@ Tailwind CSS v4 is required, via the `@tailwindcss/vite` plugin. After installin
 
 ```css
 /* src/style.css */
-@import "@litelens/design-system/styles.css";
+@import "@litelensapp/design-system/styles.css";
 
 /* your app's own styles below */
 ```
@@ -55,9 +70,9 @@ The package exports from multiple entrypoints for granular imports:
 Low-level primitive components (buttons, inputs, dialogs, etc.):
 
 ```tsx
-import { Button } from "@litelens/design-system";
-import { Input } from "@litelens/design-system";
-import { Badge } from "@litelens/design-system";
+import { Button } from "@litelensapp/design-system";
+import { Input } from "@litelensapp/design-system";
+import { Badge } from "@litelensapp/design-system";
 ```
 
 ### Atoms subpath (`./atoms`)
@@ -65,7 +80,7 @@ import { Badge } from "@litelens/design-system";
 Directly reference the atoms barrel export:
 
 ```tsx
-import { Button, Checkbox, Select } from "@litelens/design-system/atoms";
+import { Button, Checkbox, Select } from "@litelensapp/design-system/atoms";
 ```
 
 ### Components (`./components`)
@@ -77,7 +92,7 @@ import {
   AnnotationBadge,
   ResourceDetailDrawer,
   ResourceDeletionButton,
-} from "@litelens/design-system/components";
+} from "@litelensapp/design-system/components";
 ```
 
 ### Hooks (`./hooks`)
@@ -85,7 +100,7 @@ import {
 React hooks for common operations:
 
 ```tsx
-import { useCopyToClipboard } from "@litelens/design-system/hooks";
+import { useCopyToClipboard } from "@litelensapp/design-system/hooks";
 ```
 
 ### Utils (`./utils`)
@@ -93,15 +108,7 @@ import { useCopyToClipboard } from "@litelens/design-system/hooks";
 Utility functions for formatting, transformation, and common operations:
 
 ```tsx
-import { formatRelativeTime, formatTs, cn } from "@litelens/design-system/utils";
-```
-
-### Types (`./types`)
-
-TypeScript type definitions for API and navigation:
-
-```tsx
-import type { NavItem, NavGroup, UseQueryCallback } from "@litelens/design-system/types";
+import { formatRelativeTime, formatTs, cn } from "@litelensapp/design-system/utils";
 ```
 
 ### Libs (`./libs`)
@@ -109,7 +116,7 @@ import type { NavItem, NavGroup, UseQueryCallback } from "@litelens/design-syste
 Advanced libraries and utilities (full-text search, etc.):
 
 ```tsx
-import { FullTextSearchInput, useFullTextSearch } from "@litelens/design-system/libs";
+import { FullTextSearchInput, useFullTextSearch } from "@litelensapp/design-system/libs";
 ```
 
 ## Publishing
@@ -119,10 +126,9 @@ Version bumps and publishing are automated:
 1. Bump the version in `package.json`
 2. Commit and push to the main branch
 3. Create a git tag: `git tag design-system/vX.Y.Z` and push it
-4. The `.github/workflows/publish-design-system.yml` workflow automatically:
+4. The `.github/workflows/job-publish-design-system.yml` workflow (invoked from `cd.yml`) automatically:
    - Builds the package using `tsup`
-   - Publishes to npm
-   - Creates a GitHub release
+   - Publishes to [GitHub Packages](https://github.com/orgs/litelensapp/packages) as `@litelensapp/design-system`
 
 ## Contributing
 

package/dist/atoms/index.js

@@ -1,4 +1,4 @@
-export { Checkbox, Collapsible, CollapsiblePanel, CollapsibleTrigger, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, Drawer, DrawerContent, DrawerPopup, DrawerPortal, DrawerViewport, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Slider, Switch, Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger, Textarea, Toaster, textareaVariants } from '../chunk-HNYJJE2D.js';
+export { Checkbox, Collapsible, CollapsiblePanel, CollapsibleTrigger, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, Drawer, DrawerContent, DrawerPopup, DrawerPortal, DrawerViewport, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Slider, Switch, Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger, Textarea, Toaster, textareaVariants } from '../chunk-SGI4TV5J.js';
 export { Badge, Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ScrollArea, ScrollBar, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, toast } from '../chunk-UXCVSUSL.js';
 import '../chunk-3ZL7QROP.js';
 import '../chunk-NFJMUQY6.js';

package/dist/{chunk-HNYJJE2D.js → chunk-SGI4TV5J.js}

@@ -744,7 +744,7 @@ function TextareaYaml({
       gutterRef.current.scrollTop = scrollTop;
     }
   };
-  const gutterLines = lines.map((_, i) => /* @__PURE__ */ jsx("div", { className: "leading-5", children: i + 1 }, `line-${i}`));
+  const gutterLines = lines.map((_, i) => /* @__PURE__ */ jsx("div", { className: "leading-5", children: i + 1 }, lineStarts[i]));
   const gutterStyle = {
     color: YC.lineNum,
     borderRight: `1px solid ${YC.lineNumBorder}`,
@@ -759,7 +759,7 @@ function TextareaYaml({
       lineStart: lineStarts[i],
       activeMatchCharIdx
     }
-  ) }, `${i}-${line}`));
+  ) }, lineStarts[i]));
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -846,7 +846,7 @@ function TextareaYaml({
                   }
                 )
               },
-              `${i}-${line}`
+              lineStarts[i]
             )) })
           ] })
         )

package/dist/index.d.ts

@@ -2,7 +2,6 @@ export { AppleIcon, Badge, Button, Checkbox, Collapsible, CollapsiblePanel, Coll
 export { toast } from 'sonner';
 export { AnnotationBadge, ButtonGroup, ButtonGroupProps, ConfirmationModal, Divider, DonutChart, EmptyState, EmptyStateProps, ErrorBoundary, ErrorToast, ErrorToastProps, FormModal, LineIcon, LoadingSpinner, LoadingSpinnerProps, Markdown, ResourceBulkDeletionButton, ResourceCell, ResourceCreationButton, ResourceDeletionButton, ResourceDetailDrawer, ResourceDetailDrawerBody, ResourceDetailDrawerHeader, ResourceDetailDrawerProps, ResourceDetailEmptyBody, ResourceDetailEmptyBodyProps, ResourceLink, ResourceModificationButton, ResourceRestartButton, ResourceScaleButton, SearchInput, SuccessToast, SuccessToastProps, TOAST_STYLE, TableSkeletonLoader, TableSkeletonLoaderProps, TableSkeletonRow, TableSkeletonRowProps, TimezoneSelect, TruncatedText, renderErrorToast, renderSuccessToast } from './components/index.js';
 export { BREAKPOINTS, Breakpoint, useBreakpoint, useCopyToClipboard, useMediaQuery } from './hooks/index.js';
-export { NavEntry, NavGroup, NavItem, SharedNamespaceContext, SharedUnifiedTrayContentProps, SharedUnifiedTrayContext, SharedUnifiedTrayOpenParams, SharedUnifiedTrayTab, UnifiedTrayAllFamily, UnifiedTrayCoreFamily, UseQueryCallback } from './types/index.js';
 export { clamp, cn, formatRelativeTime, formatTs } from './utils/index.js';
 export { FullTextSearchInput, SplitAndHighlightText, UseFullTextSearchCustomOptions, UseFullTextSearchOptions, UseFullTextSearchReturn, UseFullTextSearchWithHandlersReturn, useFullTextSearch } from './libs/index.js';
 export { AppWindowIcon, ArrowLeftRightIcon, ArrowUpCircleIcon, ArrowUpIcon, BellIcon, BoxesIcon, CheckCircle2Icon, CheckIcon, ChevronDownIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, CircleCheckIcon, CircleXIcon, ClockIcon, ContainerIcon, CopyIcon, CornerDownLeftIcon, CpuIcon, DatabaseIcon, DownloadIcon, DropletIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileTextIcon, FolderOpenIcon, FolderSyncIcon, FrownIcon, GaugeIcon, HardDriveIcon, HouseIcon, InfoIcon, KeyIcon, LayersIcon, LayoutDashboardIcon, Link2Icon, ListChecksIcon, Loader2Icon, LockIcon, LockOpenIcon, Maximize2Icon, Minimize2Icon, MinusIcon, MoreVerticalIcon, NetworkIcon, OctagonXIcon, PackageIcon, PauseIcon, PencilIcon, PlayIcon, PlugIcon, PlusIcon, RefreshCwIcon, RocketIcon, RotateCcwIcon, RouteIcon, SaveIcon, ScalingIcon, ScrollTextIcon, SearchIcon, ServerIcon, Settings2Icon, SettingsIcon, ShieldAlertIcon, ShieldCheckIcon, ShieldIcon, SlidersHorizontalIcon, SquareIcon, StarIcon, TerminalIcon, TimerIcon, Trash2Icon, TriangleAlertIcon, UserRoundIcon, WebhookIcon, XCircleIcon, XIcon } from 'lucide-react';

package/dist/index.js

@@ -1,9 +1,8 @@
-export { Checkbox, Collapsible, CollapsiblePanel, CollapsibleTrigger, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, Drawer, DrawerContent, DrawerPopup, DrawerPortal, DrawerViewport, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Slider, Switch, Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger, Textarea, Toaster, textareaVariants } from './chunk-HNYJJE2D.js';
+export { Checkbox, Collapsible, CollapsiblePanel, CollapsibleTrigger, ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, Drawer, DrawerContent, DrawerPopup, DrawerPortal, DrawerViewport, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Slider, Switch, Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger, Textarea, Toaster, textareaVariants } from './chunk-SGI4TV5J.js';
 export { AnnotationBadge, ButtonGroup, ConfirmationModal, Divider, DonutChart, EmptyState, ErrorBoundary, ErrorToast, FormModal, LineIcon, LoadingSpinner, Markdown, ResourceBulkDeletionButton, ResourceCell, ResourceCreationButton, ResourceDeletionButton, ResourceDetailDrawer, ResourceDetailDrawerBody, ResourceDetailDrawerHeader, ResourceDetailEmptyBody, ResourceLink, ResourceModificationButton, ResourceRestartButton, ResourceScaleButton, SearchInput, SuccessToast, TOAST_STYLE, TableSkeletonLoader, TableSkeletonRow, TimezoneSelect, TruncatedText, renderErrorToast, renderSuccessToast } from './chunk-A3HUPART.js';
 export { Badge, Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ScrollArea, ScrollBar, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, toast } from './chunk-UXCVSUSL.js';
 export { BREAKPOINTS, useBreakpoint, useMediaQuery } from './chunk-XLB44BWQ.js';
 export { useCopyToClipboard } from './chunk-3ZL7QROP.js';
-import './chunk-TLJXC46A.js';
 export { formatRelativeTime, formatTs } from './chunk-CPX26L4M.js';
 export { FullTextSearchInput, useFullTextSearch } from './chunk-74UTXQDZ.js';
 export { SplitAndHighlightText } from './chunk-NFJMUQY6.js';

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@litelens/design-system",
-  "version": "1.6.5",
+  "version": "1.7.0",
   "description": "Design system components, utilities, and hooks for litelens",
   "private": false,
   "repository": {
     "type": "git",
     "url": "git+https://github.com/litelensapp/litelens.git",
-    "directory": "design-system"
+    "directory": "packages/design-system"
   },
   "publishConfig": {
     "access": "public"
@@ -30,9 +30,6 @@
     "./hooks": {
       "import": "./dist/hooks/index.js"
     },
-    "./types": {
-      "import": "./dist/types/index.js"
-    },
     "./utils": {
       "import": "./dist/utils/index.js"
     },

package/dist/chunk-TLJXC46A.js

@@ -1 +0,0 @@
-

package/dist/types/index.d.ts

@@ -1,55 +0,0 @@
-import { ElementType, ReactNode } from 'react';
-
-interface UseQueryCallback<T = unknown> {
-    select?: (data?: T) => T;
-}
-
-interface NavItem<T> {
-    id: string;
-    label: string;
-    view?: T;
-}
-interface NavGroup<T> {
-    id: string;
-    label: string;
-    icon: ElementType;
-    items: NavItem<T>[];
-}
-type NavEntry<T> = {
-    kind: "item";
-    icon: ElementType;
-    item: NavItem<T>;
-} | {
-    kind: "group";
-    group: NavGroup<T>;
-};
-
-interface SharedNamespaceContext {
-    Name: string;
-}
-
-type UnifiedTrayCoreFamily = "modification" | "pod";
-type UnifiedTrayAllFamily = UnifiedTrayCoreFamily | (string & {});
-interface SharedUnifiedTrayOpenParams {
-    label: string;
-    icon?: ReactNode;
-    dedupeKey: string;
-    [key: string]: unknown;
-}
-interface SharedUnifiedTrayTab {
-    family: string;
-    id: string;
-    label: string;
-    icon?: ReactNode;
-    params: Record<string, unknown>;
-}
-interface SharedUnifiedTrayContentProps {
-    tab: SharedUnifiedTrayTab;
-    collapsed: boolean;
-    onClose: () => void;
-}
-interface SharedUnifiedTrayContext {
-    openTab: (family: UnifiedTrayAllFamily, params: any) => void;
-}
-
-export type { NavEntry, NavGroup, NavItem, SharedNamespaceContext, SharedUnifiedTrayContentProps, SharedUnifiedTrayContext, SharedUnifiedTrayOpenParams, SharedUnifiedTrayTab, UnifiedTrayAllFamily, UnifiedTrayCoreFamily, UseQueryCallback };

package/dist/types/index.js

@@ -1 +0,0 @@
-import '../chunk-TLJXC46A.js';