spine-framework 0.3.124 → 0.3.126

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

@@ -1,32 +1,128 @@
+
+
+
+
+
+
+
+
+
+
+
+
+// CIL[BEGIN chunk_id="drawer_module_header_1783844098" type="module_header" identity="imports" parent="none"]
+// CIL[DOC-MACRO purpose="Import dependencies for drawer components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import React, Vaul primitives and utilities"]
+// CIL[DOC-CONTEXT module="drawer" layer="ui" related_files="[\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React, Vaul primitives, utilities" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports React, Vaul Drawer primitives and styling utilities" 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. 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, .framework/functions/_shared/principal.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"]
 import * as React from "react"
 import { Drawer as DrawerPrimitive } from "vaul"
-
 import { cn } from "@/lib/utils"
-
+// CIL[END chunk_id="drawer_module_header_1783844098"]
+// CIL[BEGIN chunk_id="drawer_drawer_1783844098" type="function" identity="Drawer" parent="none"]
+// CIL[DOC-MACRO purpose="Root drawer component wrapper"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide Vaul Drawer root with data slot"]
+// CIL[DOC-CONTEXT module="drawer" 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="Drawer root component" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Vaul Drawer.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-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function Drawer({
   ...props
 }: React.ComponentProps<typeof DrawerPrimitive.Root>) {
   return <DrawerPrimitive.Root data-slot="drawer" {...props} />
 }
-
+// CIL[END chunk_id="drawer_drawer_1783844098"]
+// CIL[BEGIN chunk_id="drawer_drawertrigger_1783844098" type="function" identity="DrawerTrigger" parent="none"]
+// CIL[DOC-MACRO purpose="Drawer trigger component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide trigger element for opening drawers"]
+// CIL[DOC-CONTEXT module="drawer" 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="Drawer trigger" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Vaul Drawer.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: 2."]
+// 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 DrawerTrigger({
   ...props
 }: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {
   return <DrawerPrimitive.Trigger data-slot="drawer-trigger" {...props} />
 }
-
+// CIL[END chunk_id="drawer_drawertrigger_1783844098"]
+// CIL[BEGIN chunk_id="drawer_drawerportal_1783844098" type="function" identity="DrawerPortal" parent="none"]
+// CIL[DOC-MACRO purpose="Drawer portal component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide portal for rendering drawer outside DOM tree"]
+// CIL[DOC-CONTEXT module="drawer" 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="Drawer portal" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Vaul Drawer.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-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function DrawerPortal({
   ...props
 }: React.ComponentProps<typeof DrawerPrimitive.Portal>) {
   return <DrawerPrimitive.Portal data-slot="drawer-portal" {...props} />
 }
-
+// CIL[END chunk_id="drawer_drawerportal_1783844098"]
+// CIL[BEGIN chunk_id="drawer_drawerclose_1783844098" type="function" identity="DrawerClose" parent="none"]
+// CIL[DOC-MACRO purpose="Drawer close component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide close trigger for drawers"]
+// CIL[DOC-CONTEXT module="drawer" 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="Drawer close" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Vaul Drawer.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: 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-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function DrawerClose({
   ...props
 }: React.ComponentProps<typeof DrawerPrimitive.Close>) {
   return <DrawerPrimitive.Close data-slot="drawer-close" {...props} />
 }
-
+// CIL[END chunk_id="drawer_drawerclose_1783844098"]
+// CIL[BEGIN chunk_id="drawer_draweroverlay_1783844098" type="function" identity="DrawerOverlay" parent="none"]
+// CIL[DOC-MACRO purpose="Drawer overlay background component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render styled backdrop for drawer modal"]
+// CIL[DOC-CONTEXT module="drawer" 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-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function DrawerOverlay({
   className,
   ...props
@@ -42,7 +138,21 @@ function DrawerOverlay({
     />
   )
 }
-
+// CIL[END chunk_id="drawer_draweroverlay_1783844098"]
+// CIL[BEGIN chunk_id="drawer_drawercontent_1783844098" type="function" identity="DrawerContent" parent="none"]
+// CIL[DOC-MACRO purpose="Main drawer content container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render drawer content with overlay and directional positioning"]
+// CIL[DOC-CONTEXT module="drawer" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="drawer content" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates directional drawer with overlay, animations and drag handle" 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-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function DrawerContent({
   className,
   children,
@@ -65,7 +175,21 @@ function DrawerContent({
     </DrawerPortal>
   )
 }
-
+// CIL[END chunk_id="drawer_drawercontent_1783844098"]
+// CIL[BEGIN chunk_id="drawer_drawerheader_1783844098" type="function" identity="DrawerHeader" parent="none"]
+// CIL[DOC-MACRO purpose="Drawer header container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide layout container for drawer header with directional styling"]
+// CIL[DOC-CONTEXT module="drawer" layer="ui" related_files="[\".framework/migrations/015_simplify_apps_table.sql\",\".framework/src/components/ui/table-primitives.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled header div" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates responsive header container with directional text alignment" 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/migrations/015_simplify_apps_table.sql, .framework/src/components/ui/table-primitives.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.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 DrawerHeader({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -78,7 +202,21 @@ function DrawerHeader({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-
+// CIL[END chunk_id="drawer_drawerheader_1783844098"]
+// CIL[BEGIN chunk_id="drawer_drawerfooter_1783844098" type="function" identity="DrawerFooter" parent="none"]
+// CIL[DOC-MACRO purpose="Drawer footer container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide layout container for drawer footer with auto margin"]
+// CIL[DOC-CONTEXT module="drawer" 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 auto-margin footer container with flex layout" 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-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function DrawerFooter({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -88,7 +226,21 @@ function DrawerFooter({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-
+// CIL[END chunk_id="drawer_drawerfooter_1783844098"]
+// CIL[BEGIN chunk_id="drawer_drawertitle_1783844098" type="function" identity="DrawerTitle" parent="none"]
+// CIL[DOC-MACRO purpose="Drawer title component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render styled title for drawer headers"]
+// CIL[DOC-CONTEXT module="drawer" 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 foreground 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. 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 DrawerTitle({
   className,
   ...props
@@ -104,7 +256,21 @@ function DrawerTitle({
     />
   )
 }
-
+// CIL[END chunk_id="drawer_drawertitle_1783844098"]
+// CIL[BEGIN chunk_id="drawer_drawerdescription_1783844098" type="function" identity="DrawerDescription" parent="none"]
+// CIL[DOC-MACRO purpose="Drawer description component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render styled description text for drawer content"]
+// CIL[DOC-CONTEXT module="drawer" 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 for drawer 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-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function DrawerDescription({
   className,
   ...props
@@ -117,7 +283,21 @@ function DrawerDescription({
     />
   )
 }
-
+// CIL[END chunk_id="drawer_drawerdescription_1783844098"]
+// CIL[BEGIN chunk_id="drawer_exports_1783844098" type="exports" identity="exports" parent="none"]
+// CIL[DOC-MACRO purpose="Export drawer components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Make all drawer components available for import"]
+// CIL[DOC-CONTEXT module="drawer" 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 drawer 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-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 export {
   Drawer,
   DrawerPortal,
@@ -130,3 +310,4 @@ export {
   DrawerTitle,
   DrawerDescription,
 }
+// CIL[END chunk_id="drawer_exports_1783844098"]