organify-ui 0.3.10 → 0.3.12

package/dist/index.d.ts

@@ -37,7 +37,7 @@ export { AiAdminLog, AiAdminLogsResponse, AiAdminStatsResponse, AiAdminUserStat,
 declare function cn(...inputs: ClassValue[]): string;
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "sm" | "default" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
@@ -53,7 +53,7 @@ declare function Button({ className, variant, size, asChild, loading, children,
  * Squircle radius, organic easing, focus glow.
  */
 declare const inputVariants: (props?: ({
-    variant?: "error" | "flat" | "default" | "rounded" | "cream" | null | undefined;
+    variant?: "default" | "flat" | "rounded" | "error" | "cream" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
     label?: string;
@@ -100,7 +100,7 @@ declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAtt
  * Theme-aware: uses CSS variables for theme switching.
  */
 declare const badgeVariants: (props?: ({
-    variant?: "success" | "error" | "warning" | "info" | "default" | "in-flow" | "primary" | "deep-work" | "high-energy" | "cream-default" | "cream-primary" | null | undefined;
+    variant?: "default" | "error" | "in-flow" | "primary" | "success" | "warning" | "info" | "deep-work" | "high-energy" | "cream-default" | "cream-primary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     /** Animated pulse dot */
@@ -233,7 +233,7 @@ declare function OrgLoaderInline({ className, ...props }: React.SVGProps<SVGSVGE
  * - Semantic border colors per variant
  */
 declare const alertVariants: (props?: ({
-    variant?: "success" | "error" | "warning" | "info" | null | undefined;
+    variant?: "error" | "success" | "warning" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
     /** Alert title */
@@ -262,7 +262,7 @@ declare function Alert({ className, variant, title, description, icon, onClose,
  * - Close button on top right
  */
 declare const toastVariants: (props?: ({
-    variant?: "success" | "error" | "warning" | "info" | "default" | null | undefined;
+    variant?: "default" | "error" | "success" | "warning" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ToastProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof toastVariants> {
     /** Close handler */
@@ -384,9 +384,9 @@ declare function SettingsSkeleton({ className }: {
  * - `flat`: no clip-path, rounded corners
  */
 declare const glassPanelVariants: (props?: ({
-    variant?: "flat" | "default" | "cream" | "alt" | "highlight" | null | undefined;
+    variant?: "default" | "flat" | "cream" | "alt" | "highlight" | null | undefined;
     corners?: "none" | "both" | "br" | "tl" | null | undefined;
-    padding?: "none" | "sm" | "default" | "lg" | "xl" | null | undefined;
+    padding?: "sm" | "default" | "lg" | "xl" | "none" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface GlassPanelProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof glassPanelVariants> {
     /** Add the in-flow indicator dot */
@@ -477,7 +477,7 @@ declare function SidebarButton({ item, expanded, renderLink, onNavigate, }: {
     expanded: boolean;
     renderLink?: DockSidebarProps['renderLink'];
     onNavigate?: () => void;
-}): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+}): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 
 interface WorkspaceSwitcherProps {
     /** Whether the sidebar is collapsed (icon-only mode) */
@@ -515,7 +515,7 @@ declare function Logo({ size, variant, animated, className, ...props }: LogoProp
  * From Brand Assets & Icons HTML.
  */
 declare const geometricIconVariants: (props?: ({
-    variant?: "success" | "error" | "warning" | "default" | "outline" | "cream" | "filled" | null | undefined;
+    variant?: "default" | "outline" | "error" | "cream" | "filled" | "success" | "warning" | null | undefined;
     size?: "sm" | "default" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface GeometricIconProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof geometricIconVariants> {
@@ -606,7 +606,7 @@ declare function StepConnector({ status, variant, }: {
  * From Brand Assets & Icons HTML.
  */
 declare const statusPillVariants: (props?: ({
-    variant?: "success" | "error" | "warning" | "info" | "default" | "cream" | "in-flow" | "primary" | "deep-work" | "high-energy" | "resting" | "disconnected" | null | undefined;
+    variant?: "default" | "error" | "cream" | "in-flow" | "primary" | "success" | "warning" | "info" | "deep-work" | "high-energy" | "resting" | "disconnected" | null | undefined;
     size?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface StatusPillProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof statusPillVariants> {
@@ -1213,7 +1213,7 @@ declare function Label({ className, ...props }: React.ComponentProps<'label'>):
  * Squircle radius, organic easing, focus glow.
  */
 declare const textareaVariants: (props?: ({
-    variant?: "error" | "flat" | "default" | "rounded" | "cream" | null | undefined;
+    variant?: "default" | "flat" | "rounded" | "error" | "cream" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>, VariantProps<typeof textareaVariants> {
     label?: string;
@@ -1545,12 +1545,15 @@ declare function CreateTaskDialog({ open, onOpenChange, projectId: projectIdProp
 interface InviteMemberDialogProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
+    /** Workspace slug (overrides context) */
+    workspaceSlug?: string;
+    /** @deprecated use workspaceSlug */
     workspaceId?: string;
     onInvited?: (invite: {
         id: string;
         email: string;
     }) => void;
 }
-declare function InviteMemberDialog({ open, onOpenChange, workspaceId: propWorkspaceId, onInvited, }: InviteMemberDialogProps): react_jsx_runtime.JSX.Element;
+declare function InviteMemberDialog({ open, onOpenChange, workspaceSlug: propWorkspaceSlug, workspaceId: _deprecated, onInvited, }: InviteMemberDialogProps): react_jsx_runtime.JSX.Element;
 
 export { type ActivityAction, type ActivityEntry, ActivityTrail, type ActivityTrailProps, ActivityTrailSkeleton, Alert, type AlertProps, Avatar, AvatarFallback, AvatarImage, type AvatarProps, Badge, type BadgeProps, type BoardItem, BoardSkeleton, BoardsSwitcher, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, CURRENT_USER_KEY, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatSkeleton, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type Comment, type CommentAuthor, CommentItem, type CommentReaction, CommentThread, type CommentThreadProps, CreateEpicDialog, type CreateEpicDialogProps, CreateProjectDialog, type CreateProjectDialogProps, CreateSprintDialog, type CreateSprintDialogProps, CreateTaskDialog, type CreateTaskDialogProps, CreateWorkspaceDialog, type CreateWorkspaceDialogProps, DashboardSkeleton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dock, DockButton, type DockEntry, type DockItem, type DockProps, DockSidebar, type DockSidebarProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DueDateBadge, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, type EmptyStateProps, EmptyTitle, GeometricIcon, type GeometricIconProps, GlassPanel, type GlassPanelProps, type GqlEndpoint, Input, type InputProps, InviteMemberDialog, type InviteMemberDialogProps, KanbanBoard, type KanbanBoardProps, Column as KanbanColumn, type KanbanColumnData, type KanbanTask, TaskCard as KanbanTaskCard, Label, Logo, type LogoProps, MemberListSkeleton, MetricCard, type MetricCardProps, MetricCardSkeleton, OrgLoader, OrgLoaderInline, type OrgLoaderProps, type OrganifyApiConfig, OrganifyContext, type OrganifyContextValue, type OrganifyProject, OrganifyProvider, type OrganifyProviderProps, type OrganifyUser, type OrganifyWorkspace, PlanBadge, type PlanBadgeProps, type PlanLimit, type PlanTier, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, type ProgressProps, ProjectListSkeleton, ResponsiveDialog, type ResponsiveDialogProps, type RestEndpoint, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SettingsSkeleton, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarButton, SidebarEntry, type SidebarNavEntry, type SidebarNavItem, Skeleton, SkeletonCard, type SkeletonProps, type Sprint, SprintFilter, SprintSkeleton, StatusPill, type StatusPillProps, StepCircle, StepConnector, type StepStatus, Stepper, type StepperProps, type StepperStep, Switch, type SwitchProps, Tabs, TabsContent, TabsList, TabsTrigger, type TaskAssignee, TaskCard$1 as TaskCard, type TaskCardData, type TaskCardProps$1 as TaskCardProps, TaskCardSkeleton, type TaskDetailData, TaskDetailDialog, type TaskDetailDialogProps, TaskDetailPanel, type TaskDetailPanelProps, TaskDetailSheet, type TaskDetailSheetProps, type TaskLabel, TaskListSkeleton, type TaskPriority, type TaskStatus, type TaskSubtask, Textarea, Toast, ToastProgress, type ToastProps, Toaster, type ToasterProps, Toggle, type ToggleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseCurrentUserReturn, UserAvatar, type UserAvatarProps, WorkspaceSwitcher, type WorkspaceSwitcherProps, alertVariants, avatarVariants, badgeVariants, buttonVariants, cn, emptyMediaVariants, geometricIconVariants, glassPanelVariants, inputVariants, metricCardVariants, orgLoaderVariants, priorityConfig, statusPillVariants, useCurrentUser, useMediaQuery, useOrganify, useOrganifyApi, useOrganifyGql, useOrganifyNavigation, useOrganifyProject, useOrganifyRest, useOrganifyUser, useOrganifyWorkspace };

package/dist/index.js

@@ -1244,9 +1244,9 @@ function SwitcherDropdown({
   onEditClick,
   onDeleteClick
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: "absolute top-full left-0 mt-1 w-64 rounded-xl border border-white/20 bg-white/[0.03] backdrop-blur-[40px] shadow-[0_24px_80px_-15px_rgba(0,0,0,0.5)] z-50 overflow-hidden", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "absolute top-full left-0 mt-1 w-64 rounded-xl border border-white/15 bg-[linear-gradient(165deg,rgba(22,26,40,0.92),rgba(11,14,24,0.94))] backdrop-blur-[40px] shadow-[0_24px_80px_-15px_rgba(0,0,0,0.55)] z-50 overflow-hidden", children: [
     /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-xs font-medium uppercase tracking-wider text-theme-muted border-b border-white/10", children: "Workspaces" }),
-    /* @__PURE__ */ jsx(ScrollArea, { className: "max-h-64", children: /* @__PURE__ */ jsx("div", { className: "py-1", children: loading ? /* @__PURE__ */ jsx("div", { className: "space-y-1 px-3 py-2", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 py-2", children: [
+    /* @__PURE__ */ jsx(ScrollArea, { className: "max-h-64 [&_[data-radix-scroll-area-viewport]]:max-h-64 [&_[data-radix-scroll-area-viewport]]:overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "py-1", children: loading ? /* @__PURE__ */ jsx("div", { className: "space-y-1 px-3 py-2", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 py-2", children: [
       /* @__PURE__ */ jsx(Skeleton, { className: "w-7 h-7", variant: "rounded" }),
       /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1.5", children: [
         /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-24" }),
@@ -7422,7 +7422,7 @@ function BoardsSwitcher({
       }
     ),
     isOpen && /* @__PURE__ */ jsx("div", { className: cn(
-      "absolute top-full left-0 mt-1 z-50 min-w-[240px]",
+      "absolute top-full left-0 mt-1 z-[9999] min-w-[240px]",
       "bg-elevated/95 backdrop-blur-xl border border-theme-subtle rounded-xl shadow-2xl",
       "animate-in fade-in slide-in-from-top-2 duration-200"
     ), children: /* @__PURE__ */ jsxs("div", { className: "p-1.5", children: [
@@ -7543,7 +7543,7 @@ function SprintFilter({
       }
     ),
     isOpen && /* @__PURE__ */ jsx("div", { className: cn(
-      "absolute top-full left-0 mt-1 z-50 min-w-[220px]",
+      "absolute top-full left-0 mt-1 z-[9999] min-w-[220px]",
       "bg-elevated/95 backdrop-blur-xl border border-theme-subtle rounded-xl shadow-2xl",
       "animate-in fade-in slide-in-from-top-2 duration-200"
     ), children: /* @__PURE__ */ jsxs("div", { className: "p-1.5 max-h-[280px] overflow-y-auto scrollbar-none", children: [
@@ -9058,8 +9058,8 @@ function CreateTaskDialog({
   );
 }
 var INVITE_MEMBER_MUTATION = `
-  mutation InviteMember($input: InviteMemberInput!) {
-    inviteMember(input: $input) {
+  mutation InviteWorkspaceMember($slug: String!, $input: InviteMemberInput!) {
+    inviteWorkspaceMember(slug: $slug, input: $input) {
       id
       email
       role
@@ -9070,12 +9070,13 @@ var INVITE_MEMBER_MUTATION = `
 function InviteMemberDialog({
   open,
   onOpenChange,
-  workspaceId: propWorkspaceId,
+  workspaceSlug: propWorkspaceSlug,
+  workspaceId: _deprecated,
   onInvited
 }) {
   const gql = useOrganifyGql();
   const { workspace } = useOrganifyWorkspace();
-  const effectiveWsId = propWorkspaceId ?? workspace?.id;
+  const effectiveSlug = propWorkspaceSlug ?? workspace?.slug;
   const [email, setEmail] = React5.useState("");
   const [role, setRole] = React5.useState("MEMBER");
   const [error, setError] = React5.useState("");
@@ -9098,7 +9099,7 @@ function InviteMemberDialog({
       setError("Invalid email format");
       return;
     }
-    if (!effectiveWsId) {
+    if (!effectiveSlug) {
       setError("No workspace context");
       return;
     }
@@ -9108,10 +9109,10 @@ function InviteMemberDialog({
       const data = await gql(
         "workspaces",
         INVITE_MEMBER_MUTATION,
-        { input: { email: trimmed, role, workspaceId: effectiveWsId } }
+        { slug: effectiveSlug, input: { email: trimmed, role } }
       );
       onOpenChange(false);
-      onInvited?.(data.inviteMember);
+      onInvited?.(data.inviteWorkspaceMember);
     } catch (err) {
       setError(err.message || "Failed to send invite");
     } finally {