spine-framework 0.3.145 → 0.4.0

package/.framework/src/components/ui/dialog.tsx

@@ -10,122 +10,127 @@
 
 
 
-// CIL[BEGIN chunk_id="dialog_module_header_1783844098" type="module_header" identity="imports" parent="none"]
-// CIL[DOC-MACRO purpose="Import dependencies for dialog components"]
-// CIL[DOC-RESPONSIBILITY responsibility="Import React, Radix UI primitives and utilities"]
-// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="React, Radix primitives, utilities" errors="none" side_effects="none"]
-// CIL[DOC-MICRO logic_summary="Imports React, Radix Dialog primitives, styling utilities and icons" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dialog.tsx:use_client:directive"]
+// CIL[DOC-MACRO purpose="Declarative client-only directive for Next.js."]
+// CIL[DOC-MICRO logic_summary="Emits the 'use client' directive at the top of the module." notable_decisions="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="none" errors="[]" side_effects="none"]
 // CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-AUDIENCE audience="developer"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/src/components/ui/table-primitives.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, \."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+"use client"
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-CONTEXT module="dialog" layer="components" related_files=".framework/src/components/ui/button.tsx,.framework/src/components/ui/dialog.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="context" content="purpose='Declarative client-only directive for Next.js.'; No verified external callers; imports: .framework/src/lib/utils.ts,.framework/src/components/ui/button.tsx"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
-"use client"
+// CIL[END stable_id="~/.framework/src/components/ui/dialog.tsx:use_client:directive"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dialog.tsx:module_header:module_header" type="module_header" identity="module_header" parent="none"]
+// CIL[DOC-MACRO purpose="Dialog UI primitives built on Radix UI for the framework design system."]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/button.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-AUDIENCE audience="framework"]
+// CIL[DOC-STABILITY stability="stable"]
 import * as React from "react"
 import { Dialog as DialogPrimitive } from "radix-ui"
 import { cn } from "@/lib/utils"
 import { Button } from "@/components/ui/button"
 import { XIcon } from "lucide-react"
-// CIL[END chunk_id="dialog_module_header_1783844098"]
-// CIL[BEGIN chunk_id="dialog_dialog_1783844098" type="function" identity="Dialog" parent="none"]
-// CIL[DOC-MACRO purpose="Root dialog component wrapper"]
-// CIL[DOC-RESPONSIBILITY responsibility="Provide Radix Dialog root with data slot"]
-// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[\".framework/src/components/ui/table-primitives.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="Dialog root component" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Wraps Radix Dialog.Root with data-slot attribute" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 1. Direct calls: 0. Related files: .framework/src/components/ui/table-primitives.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/RolesPage.tsx, \."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 1. Total affected: 2."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-VECTOR type="context" content="purpose='Dialog UI primitives built on Radix UI for the framework design system.'; No verified external callers; imports: .framework/src/lib/utils.ts,.framework/src/components/ui/button.tsx"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dialog.tsx:module_header:module_header"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dialog.tsx:Dialog:component" type="component" identity="Dialog" parent="~/.framework/src/components/ui/dialog.tsx:module_header:module_header"]
+// CIL[DOC-MACRO purpose="Root Dialog component forwarding props to Radix Dialog.Root."]
+// CIL[DOC-MICRO logic_summary="Wraps DialogPrimitive.Root and applies a data-slot marker." notable_decisions="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React node" errors="[]" side_effects="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function Dialog({
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Root>) {
   return <DialogPrimitive.Root data-slot="dialog" {...props} />
 }
-// CIL[END chunk_id="dialog_dialog_1783844098"]
-// CIL[BEGIN chunk_id="dialog_dialogtrigger_1783844098" type="function" identity="DialogTrigger" parent="none"]
-// CIL[DOC-MACRO purpose="Dialog trigger component"]
-// CIL[DOC-RESPONSIBILITY responsibility="Provide trigger element for opening dialogs"]
-// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[\".framework/src/components/ui/table-primitives.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="Dialog trigger" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Wraps Radix Dialog.Trigger with data-slot attribute" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 1. Direct calls: 0. Related files: .framework/src/components/ui/table-primitives.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/RolesPage.tsx, \."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 1. Total affected: 1."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-CONTEXT module="dialog" layer="components" related_files=".framework/src/components/ui/button.tsx,.framework/src/components/ui/dialog.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="context" content="purpose='Root Dialog component forwarding props to Radix Dialog.Root.'; No verified external callers; imports: .framework/src/lib/utils.ts,.framework/src/components/ui/button.tsx"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dialog.tsx:Dialog:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dialog.tsx:DialogTrigger:component" type="component" identity="DialogTrigger" parent="~/.framework/src/components/ui/dialog.tsx:module_header:module_header"]
+// CIL[DOC-MACRO purpose="Trigger element that opens the dialog."]
+// CIL[DOC-MICRO logic_summary="Wraps DialogPrimitive.Trigger and applies a data-slot marker." notable_decisions="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React node" errors="[]" side_effects="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DialogTrigger({
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
   return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />
 }
-// CIL[END chunk_id="dialog_dialogtrigger_1783844098"]
-// CIL[BEGIN chunk_id="dialog_dialogportal_1783844098" type="function" identity="DialogPortal" parent="none"]
-// CIL[DOC-MACRO purpose="Dialog portal component"]
-// CIL[DOC-RESPONSIBILITY responsibility="Provide portal for rendering dialog outside DOM tree"]
-// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="Dialog portal" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Wraps Radix Dialog.Portal with data-slot attribute" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 1. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, .framework/src/components/ui/table-primitives.tsx, .framework/src/pages/admin/RolesPage.tsx, \."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 1. Total affected: 2."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-CONTEXT module="dialog" layer="components" related_files=".framework/src/components/ui/button.tsx,.framework/src/components/ui/dialog.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="context" content="purpose='Trigger element that opens the dialog.'; No verified external callers; imports: .framework/src/lib/utils.ts,.framework/src/components/ui/button.tsx"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dialog.tsx:DialogTrigger:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dialog.tsx:DialogPortal:component" type="component" identity="DialogPortal" parent="~/.framework/src/components/ui/dialog.tsx:module_header:module_header"]
+// CIL[DOC-MACRO purpose="Portal that renders dialog content outside the DOM tree."]
+// CIL[DOC-MICRO logic_summary="Wraps DialogPrimitive.Portal and applies a data-slot marker." notable_decisions="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React portal" errors="[]" side_effects="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DialogPortal({
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Portal>) {
   return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />
 }
-// CIL[END chunk_id="dialog_dialogportal_1783844098"]
-// CIL[BEGIN chunk_id="dialog_dialogclose_1783844098" type="function" identity="DialogClose" parent="none"]
-// CIL[DOC-MACRO purpose="Dialog close component"]
-// CIL[DOC-RESPONSIBILITY responsibility="Provide close trigger for dialogs"]
-// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[\".framework/src/components/ui/table-primitives.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="Dialog close" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Wraps Radix Dialog.Close with data-slot attribute" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/table-primitives.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/RolesPage.tsx, \."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-CONTEXT module="dialog" layer="components" related_files=".framework/src/components/ui/button.tsx,.framework/src/components/ui/dialog.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="context" content="purpose='Portal that renders dialog content outside the DOM tree.'; No verified external callers; imports: .framework/src/lib/utils.ts,.framework/src/components/ui/button.tsx"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dialog.tsx:DialogPortal:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dialog.tsx:DialogClose:component" type="component" identity="DialogClose" parent="~/.framework/src/components/ui/dialog.tsx:module_header:module_header"]
+// CIL[DOC-MACRO purpose="Close control for the dialog."]
+// CIL[DOC-MICRO logic_summary="Wraps DialogPrimitive.Close and applies a data-slot marker." notable_decisions="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React node" errors="[]" side_effects="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DialogClose({
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Close>) {
   return <DialogPrimitive.Close data-slot="dialog-close" {...props} />
 }
-// CIL[END chunk_id="dialog_dialogclose_1783844098"]
-// CIL[BEGIN chunk_id="dialog_dialogoverlay_1783844098" type="function" identity="DialogOverlay" parent="none"]
-// CIL[DOC-MACRO purpose="Dialog overlay background component"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render styled backdrop for dialog modal"]
-// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled overlay" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Creates semi-transparent backdrop with blur and animations" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: none."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-CONTEXT module="dialog" layer="components" related_files=".framework/src/components/ui/button.tsx,.framework/src/components/ui/dialog.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="context" content="purpose='Close control for the dialog.'; No verified external callers; imports: .framework/src/lib/utils.ts,.framework/src/components/ui/button.tsx"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dialog.tsx:DialogClose:component"]
+
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dialog.tsx:DialogOverlay:component" type="component" identity="DialogOverlay" parent="~/.framework/src/components/ui/dialog.tsx:module_header:module_header"]
+// CIL[DOC-MACRO purpose="Backdrop overlay behind the dialog content."]
+// CIL[DOC-MICRO logic_summary="ForwardRef component rendering DialogPrimitive.Overlay with styling and animation classes." notable_decisions="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React node" errors="[]" side_effects="none"]
+// CIL[DOC-STABILITY stability="stable"]
 const DialogOverlay = React.forwardRef<
   React.ElementRef<typeof DialogPrimitive.Overlay>,
   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
@@ -139,30 +144,33 @@ const DialogOverlay = React.forwardRef<
         className
       )}
       {...props}
+
     />
   )
 })
 DialogOverlay.displayName = "DialogOverlay"
-// CIL[END chunk_id="dialog_dialogoverlay_1783844098"]
-// CIL[BEGIN chunk_id="dialog_dialogcontent_1783844098" type="function" identity="DialogContent" parent="none"]
-// CIL[DOC-MACRO purpose="Main dialog content container"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render dialog content with overlay and optional close button"]
-// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="dialog content" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Creates modal dialog with overlay, animations and optional close button" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: none."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-CONTEXT module="dialog" layer="components" related_files=".framework/src/components/ui/button.tsx,.framework/src/components/ui/dialog.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="context" content="purpose='Backdrop overlay behind the dialog content.'; No verified external callers; imports: .framework/src/lib/utils.ts,.framework/src/components/ui/button.tsx"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dialog.tsx:DialogOverlay:component"]
+
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dialog.tsx:DialogContent:component" type="component" identity="DialogContent" parent="~/.framework/src/components/ui/dialog.tsx:module_header:module_header"]
+// CIL[DOC-MACRO purpose="Main dialog content panel with optional close button."]
+// CIL[DOC-MICRO logic_summary="ForwardRef component composing Portal, Overlay, and DialogPrimitive.Content with children and an optional X icon button." notable_decisions="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React node" errors="[]" side_effects="none"]
+// CIL[DOC-STABILITY stability="stable"]
 const DialogContent = React.forwardRef<
   React.ElementRef<typeof DialogPrimitive.Content>,
   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
     showCloseButton?: boolean
   }
+
 >(({ className, children, showCloseButton = true, ...props }, ref) => {
   return (
     <DialogPortal>
@@ -175,6 +183,7 @@ const DialogContent = React.forwardRef<
           className
         )}
         {...props}
+
       >
         {children}
         {showCloseButton && (
@@ -195,21 +204,21 @@ const DialogContent = React.forwardRef<
   )
 })
 DialogContent.displayName = "DialogContent"
-// CIL[END chunk_id="dialog_dialogcontent_1783844098"]
-// CIL[BEGIN chunk_id="dialog_dialogheader_1783844098" type="function" identity="DialogHeader" parent="none"]
-// CIL[DOC-MACRO purpose="Dialog header container"]
-// CIL[DOC-RESPONSIBILITY responsibility="Provide layout container for dialog header content"]
-// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled header div" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Creates flex column container with gap spacing for header" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: none."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-CONTEXT module="dialog" layer="components" related_files=".framework/src/components/ui/button.tsx,.framework/src/components/ui/dialog.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="context" content="purpose='Main dialog content panel with optional close button.'; No verified external callers; imports: .framework/src/lib/utils.ts,.framework/src/components/ui/button.tsx"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dialog.tsx:DialogContent:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dialog.tsx:DialogHeader:component" type="component" identity="DialogHeader" parent="~/.framework/src/components/ui/dialog.tsx:module_header:module_header"]
+// CIL[DOC-MACRO purpose="Header area for dialog content."]
+// CIL[DOC-MICRO logic_summary="Renders a flex column div with the dialog-header data slot." notable_decisions="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React node" errors="[]" side_effects="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -219,21 +228,22 @@ function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-// CIL[END chunk_id="dialog_dialogheader_1783844098"]
-// CIL[BEGIN chunk_id="dialog_dialogfooter_1783844098" type="function" identity="DialogFooter" parent="none"]
-// CIL[DOC-MACRO purpose="Dialog footer container"]
-// CIL[DOC-RESPONSIBILITY responsibility="Provide layout container for dialog footer with optional close button"]
-// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled footer div" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Creates responsive footer layout with optional close button" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: none."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-CONTEXT module="dialog" layer="components" related_files=".framework/src/components/ui/button.tsx,.framework/src/components/ui/dialog.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="context" content="purpose='Header area for dialog content.'; No verified external callers; imports: .framework/src/lib/utils.ts,.framework/src/components/ui/button.tsx"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dialog.tsx:DialogHeader:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dialog.tsx:DialogFooter:component" type="component" identity="DialogFooter" parent="~/.framework/src/components/ui/dialog.tsx:module_header:module_header"]
+// CIL[DOC-MACRO purpose="Footer area for dialog actions."]
+// CIL[DOC-MICRO logic_summary="Renders a responsive action bar with optional close button." notable_decisions="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React node" errors="[]" side_effects="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DialogFooter({
   className,
   showCloseButton = false,
@@ -260,21 +270,21 @@ function DialogFooter({
     </div>
   )
 }
-// CIL[END chunk_id="dialog_dialogfooter_1783844098"]
-// CIL[BEGIN chunk_id="dialog_dialogtitle_1783844098" type="function" identity="DialogTitle" parent="none"]
-// CIL[DOC-MACRO purpose="Dialog title component"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render styled title for dialog headers"]
-// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled title" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Creates heading-styled title with font and spacing" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: none."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-CONTEXT module="dialog" layer="components" related_files=".framework/src/components/ui/button.tsx,.framework/src/components/ui/dialog.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="context" content="purpose='Footer area for dialog actions.'; No verified external callers; imports: .framework/src/lib/utils.ts,.framework/src/components/ui/button.tsx"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dialog.tsx:DialogFooter:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dialog.tsx:DialogTitle:component" type="component" identity="DialogTitle" parent="~/.framework/src/components/ui/dialog.tsx:module_header:module_header"]
+// CIL[DOC-MACRO purpose="Accessible title for the dialog."]
+// CIL[DOC-MICRO logic_summary="Wraps DialogPrimitive.Title with heading typography and data-slot marker." notable_decisions="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React node" errors="[]" side_effects="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DialogTitle({
   className,
   ...props
@@ -287,21 +297,21 @@ function DialogTitle({
     />
   )
 }
-// CIL[END chunk_id="dialog_dialogtitle_1783844098"]
-// CIL[BEGIN chunk_id="dialog_dialogdescription_1783844098" type="function" identity="DialogDescription" parent="none"]
-// CIL[DOC-MACRO purpose="Dialog description component"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render styled description text for dialog content"]
-// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled description" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Creates muted text styling with link support for descriptions" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: none."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-CONTEXT module="dialog" layer="components" related_files=".framework/src/components/ui/button.tsx,.framework/src/components/ui/dialog.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="context" content="purpose='Accessible title for the dialog.'; No verified external callers; imports: .framework/src/lib/utils.ts,.framework/src/components/ui/button.tsx"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dialog.tsx:DialogTitle:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dialog.tsx:DialogDescription:component" type="component" identity="DialogDescription" parent="~/.framework/src/components/ui/dialog.tsx:module_header:module_header"]
+// CIL[DOC-MACRO purpose="Description text for the dialog."]
+// CIL[DOC-MICRO logic_summary="Wraps DialogPrimitive.Description with muted styling and link hover behavior." notable_decisions="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React node" errors="[]" side_effects="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function DialogDescription({
   className,
   ...props
@@ -317,21 +327,20 @@ function DialogDescription({
     />
   )
 }
-// CIL[END chunk_id="dialog_dialogdescription_1783844098"]
-// CIL[BEGIN chunk_id="dialog_exports_1783844098" type="exports" identity="exports" parent="none"]
-// CIL[DOC-MACRO purpose="Export dialog components"]
-// CIL[DOC-RESPONSIBILITY responsibility="Make all dialog components available for import"]
-// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="component exports" errors="none" side_effects="module exports"]
-// CIL[DOC-MICRO logic_summary="Exports all dialog components for external usage" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: none."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-CONTEXT module="dialog" layer="components" related_files=".framework/src/components/ui/button.tsx,.framework/src/components/ui/dialog.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="context" content="purpose='Description text for the dialog.'; No verified external callers; imports: .framework/src/lib/utils.ts,.framework/src/components/ui/button.tsx"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dialog.tsx:DialogDescription:component"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/dialog.tsx:module_footer:module_footer" type="module_footer" identity="module_footer" parent="~/.framework/src/components/ui/dialog.tsx:module_header:module_header"]
+// CIL[DOC-MACRO purpose="Named exports for all dialog primitives."]
+// CIL[DOC-MICRO logic_summary="Re-exports the composed dialog components for consumers." notable_decisions="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="none" errors="[]" side_effects="none"]
+// CIL[DOC-STABILITY stability="stable"]
 export {
   Dialog,
   DialogClose,
@@ -344,4 +353,12 @@ export {
   DialogTitle,
   DialogTrigger,
 }
-// CIL[END chunk_id="dialog_exports_1783844098"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-CONTEXT module="dialog" layer="components" related_files=".framework/src/components/ui/button.tsx,.framework/src/components/ui/dialog.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="context" content="purpose='Named exports for all dialog primitives.'; No verified external callers; imports: .framework/src/lib/utils.ts,.framework/src/components/ui/button.tsx"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/dialog.tsx:module_footer:module_footer"]