spine-framework 0.3.124 → 0.3.126

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

@@ -1,32 +1,129 @@
+
+
+
+
+
+
+
+
+
+
+
+
+// CIL[BEGIN chunk_id="sheet_module_header_1783758409" type="module_header" identity="imports" parent="none"]
+// CIL[DOC-MACRO purpose="Import dependencies for sheet component library"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import external React UI primitives and utilities"]
+// CIL[DOC-CONTEXT module="sheet" layer="ui_components" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React, Dialog primitive, utils, Button, XIcon" errors="none" side_effects="Module imports"]
+// CIL[DOC-MICRO logic_summary="Imports React, Radix UI Dialog primitive, utility functions, Button component and XIcon" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-AUDIENCE audience="developer"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, .framework/src/components/ui/table-primitives.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, custom/apps/portal/pages/ContentPage.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-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 import * as React from "react"
 import { Dialog as SheetPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 import { Button } from "@/components/ui/button"
 import { XIcon } from "lucide-react"
-
+// CIL[END chunk_id="sheet_module_header_1783758409"]
+// CIL[BEGIN chunk_id="sheet_sheet_1783758409" type="function" identity="Sheet" parent="none"]
+// CIL[DOC-MACRO purpose="Root sheet component wrapper"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide sheet root container with data attributes"]
+// CIL[DOC-CONTEXT module="sheet" layer="ui_components" related_files="[\".framework/src/components/ui/dialog.tsx\",\".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="SheetPrimitive.Root" errors="none" side_effects="DOM rendering"]
+// CIL[DOC-MICRO logic_summary="Thin wrapper around Radix UI 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_components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, .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-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {
   return <SheetPrimitive.Root data-slot="sheet" {...props} />
 }
-
+// CIL[END chunk_id="sheet_sheet_1783758409"]
+// CIL[BEGIN chunk_id="sheet_sheettrigger_1783758409" type="function" identity="SheetTrigger" parent="none"]
+// CIL[DOC-MACRO purpose="Trigger component to open sheet"]
+// CIL[DOC-RESPONSIBILITY responsibility="Handle sheet opening trigger with data attributes"]
+// CIL[DOC-CONTEXT module="sheet" layer="ui_components" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\".framework/src/components/ui/dialog.tsx\",\"custom/apps/cortex/functions/custom_cil-embeddings.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="SheetPrimitive.Trigger" errors="none" side_effects="DOM event handling"]
+// CIL[DOC-MICRO logic_summary="Wrapper around Radix UI 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_components. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, .framework/src/components/ui/table-primitives.tsx, .framework/src/components/ui/dialog.tsx, custom/apps/cortex/functions/custom_cil-embeddings.ts, \."]
+// 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-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function SheetTrigger({
   ...props
 }: React.ComponentProps<typeof SheetPrimitive.Trigger>) {
   return <SheetPrimitive.Trigger data-slot="sheet-trigger" {...props} />
 }
-
+// CIL[END chunk_id="sheet_sheettrigger_1783758409"]
+// CIL[BEGIN chunk_id="sheet_sheetclose_1783758409" type="function" identity="SheetClose" parent="none"]
+// CIL[DOC-MACRO purpose="Close button component for sheet"]
+// CIL[DOC-RESPONSIBILITY responsibility="Handle sheet closing with data attributes"]
+// CIL[DOC-CONTEXT module="sheet" layer="ui_components" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="SheetPrimitive.Close" errors="none" side_effects="DOM event handling"]
+// CIL[DOC-MICRO logic_summary="Wrapper around Radix UI 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_components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, .framework/src/components/ui/table-primitives.tsx, custom/apps/portal/pages/ContentPage.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."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function SheetClose({
   ...props
 }: React.ComponentProps<typeof SheetPrimitive.Close>) {
   return <SheetPrimitive.Close data-slot="sheet-close" {...props} />
 }
-
+// CIL[END chunk_id="sheet_sheetclose_1783758409"]
+// CIL[BEGIN chunk_id="sheet_sheetportal_1783758409" type="function" identity="SheetPortal" parent="none"]
+// CIL[DOC-MACRO purpose="Portal container for sheet rendering"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide portal wrapper with data attributes"]
+// CIL[DOC-CONTEXT module="sheet" layer="ui_components" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/functions/_shared/schema-utils.ts\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="SheetPrimitive.Portal" errors="none" side_effects="DOM portal rendering"]
+// CIL[DOC-MICRO logic_summary="Wrapper around Radix UI 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_components. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/principal.ts, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/functions/_shared/schema-utils.ts."]
+// 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-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function SheetPortal({
   ...props
 }: React.ComponentProps<typeof SheetPrimitive.Portal>) {
   return <SheetPrimitive.Portal data-slot="sheet-portal" {...props} />
 }
-
+// CIL[END chunk_id="sheet_sheetportal_1783758409"]
+// CIL[BEGIN chunk_id="sheet_sheetoverlay_1783758409" type="function" identity="SheetOverlay" parent="none"]
+// CIL[DOC-MACRO purpose="Background overlay for sheet modal"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render semi-transparent backdrop with animations"]
+// CIL[DOC-CONTEXT module="sheet" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Styled overlay" errors="none" side_effects="DOM rendering"]
+// CIL[DOC-MICRO logic_summary="Creates fixed backdrop with blur and fade animations using Tailwind" 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_components. 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-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function SheetOverlay({
   className,
   ...props
@@ -42,7 +139,21 @@ function SheetOverlay({
     />
   )
 }
-
+// CIL[END chunk_id="sheet_sheetoverlay_1783758409"]
+// CIL[BEGIN chunk_id="sheet_sheetcontent_1783758409" type="function" identity="SheetContent" parent="none"]
+// CIL[DOC-MACRO purpose="Main sheet content container with positioning"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render sheet panel with side positioning and close button"]
+// CIL[DOC-CONTEXT module="sheet" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Styled sheet content" errors="none" side_effects="DOM rendering"]
+// CIL[DOC-MICRO logic_summary="Creates positioned sheet with portal, overlay, optional close button 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_components. 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-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function SheetContent({
   className,
   children,
@@ -83,7 +194,21 @@ function SheetContent({
     </SheetPortal>
   )
 }
-
+// CIL[END chunk_id="sheet_sheetcontent_1783758409"]
+// CIL[BEGIN chunk_id="sheet_sheetheader_1783758409" type="function" identity="SheetHeader" parent="none"]
+// CIL[DOC-MACRO purpose="Header section container for sheet"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide styled header container with spacing"]
+// CIL[DOC-CONTEXT module="sheet" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Styled header div" errors="none" side_effects="DOM rendering"]
+// CIL[DOC-MICRO logic_summary="Creates flex column header with gap and padding using Tailwind classes" 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_components. 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-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function SheetHeader({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -93,7 +218,21 @@ function SheetHeader({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-
+// CIL[END chunk_id="sheet_sheetheader_1783758409"]
+// CIL[BEGIN chunk_id="sheet_sheetfooter_1783758409" type="function" identity="SheetFooter" parent="none"]
+// CIL[DOC-MACRO purpose="Footer section container for sheet"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide styled footer container with auto margin"]
+// CIL[DOC-CONTEXT module="sheet" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Styled footer div" errors="none" side_effects="DOM rendering"]
+// CIL[DOC-MICRO logic_summary="Creates flex column footer with auto margin, gap and padding using Tailwind" 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_components. 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-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function SheetFooter({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -103,7 +242,21 @@ function SheetFooter({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-
+// CIL[END chunk_id="sheet_sheetfooter_1783758409"]
+// CIL[BEGIN chunk_id="sheet_sheettitle_1783758409" type="function" identity="SheetTitle" parent="none"]
+// CIL[DOC-MACRO purpose="Title component for sheet header"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide styled title with proper typography"]
+// CIL[DOC-CONTEXT module="sheet" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Styled title element" errors="none" side_effects="DOM rendering"]
+// CIL[DOC-MICRO logic_summary="Creates styled title using Radix UI Title with heading font and medium weight" 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_components. 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-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function SheetTitle({
   className,
   ...props
@@ -119,7 +272,21 @@ function SheetTitle({
     />
   )
 }
-
+// CIL[END chunk_id="sheet_sheettitle_1783758409"]
+// CIL[BEGIN chunk_id="sheet_sheetdescription_1783758409" type="function" identity="SheetDescription" parent="none"]
+// CIL[DOC-MACRO purpose="Description component for sheet content"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide styled description with muted text styling"]
+// CIL[DOC-CONTEXT module="sheet" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Styled description element" errors="none" side_effects="DOM rendering"]
+// CIL[DOC-MICRO logic_summary="Creates styled description using Radix UI Description with muted text color" 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_components. 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-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function SheetDescription({
   className,
   ...props
@@ -132,7 +299,21 @@ function SheetDescription({
     />
   )
 }
-
+// CIL[END chunk_id="sheet_sheetdescription_1783758409"]
+// CIL[BEGIN chunk_id="sheet_exports_1783758409" type="exports" identity="exports" parent="none"]
+// CIL[DOC-MACRO purpose="Export all sheet components for public API"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide module exports for sheet component library"]
+// CIL[DOC-CONTEXT module="sheet" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Component exports" errors="none" side_effects="Module exports"]
+// CIL[DOC-MICRO logic_summary="Exports all sheet components: Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription" 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_components. 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-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 export {
   Sheet,
   SheetTrigger,
@@ -143,3 +324,4 @@ export {
   SheetTitle,
   SheetDescription,
 }
+// CIL[END chunk_id="sheet_exports_1783758409"]