spine-framework 0.3.144 → 0.4.0

package/.framework/src/components/ui/input-group.tsx

@@ -8,21 +8,16 @@
 
 
 
-// CIL[BEGIN chunk_id="input_group_module_header_1783796064" type="module_header" identity="imports" parent="none"]
-// CIL[DOC-MACRO purpose="Import dependencies for input group components"]
-// CIL[DOC-RESPONSIBILITY responsibility="Import React, CVA, utilities, and UI components"]
-// CIL[DOC-CONTEXT module="input-group" layer="ui_components" related_files="[\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\".framework/functions/_shared/schema-utils.ts\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="imported modules" errors="none" side_effects="module imports"]
-// CIL[DOC-MICRO logic_summary="Imports all dependencies for input group component system" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/input-group.tsx:module_header:module_header" type="module_header" identity="module_header" parent=""]
+// CIL[DOC-MACRO purpose="Defines the InputGroup UI component module, importing dependencies and exporting all subcomponents."]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide shared UI primitives (InputGroup, Addon, Button, Text, Input, Textarea) and their styling variants for the design system."]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/button.tsx,.framework/src/components/ui/input.tsx,.framework/src/components/ui/textarea.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="none" outputs="none" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Import React, cva, cn, Button, Input and Textarea; re-export the InputGroup subcomponents." notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" 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: custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/src/components/ui/dialog.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/principal.ts, .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"]
+// CIL[DOC-AUDIENCE audience="ui-developers"]
 import * as React from "react"
 import { cva, type VariantProps } from "class-variance-authority"
 
@@ -30,21 +25,22 @@ import { cn } from "@/lib/utils"
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
 import { Textarea } from "@/components/ui/textarea"
-// CIL[END chunk_id="input_group_module_header_1783796064"]
-// CIL[BEGIN chunk_id="input_group_inputgroup_1783796064" type="function" identity="inputgroup" parent="none"]
-// CIL[DOC-MACRO purpose="Render main input group container"]
-// CIL[DOC-RESPONSIBILITY responsibility="Create styled container for input group elements"]
-// CIL[DOC-CONTEXT module="input-group" layer="ui_components" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"custom/apps/cortex/functions/custom_cil-embeddings.ts\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled input group container" errors="none" side_effects="renders DOM element"]
-// CIL[DOC-MICRO logic_summary="Creates flex container with comprehensive styling for input groups" 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/RolesPage.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="context" content="purpose='Defines the InputGroup UI component module, importing dependencies and exporting all subcomponents.'; No verified external callers; imports: .framework/src/lib/utils.ts,.framework/src/components/ui/button.tsx,.framework/src/components/ui/input.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/input-group.tsx:module_header:module_header"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/input-group.tsx:inputgroup:function" type="function" identity="inputgroup" parent="~/.framework/src/components/ui/input-group.tsx:module_header:module_header"]
+// CIL[DOC-MACRO purpose="Render an accessible InputGroup container with themed styles and focus/invalid state propagation."]
+// CIL[DOC-RESPONSIBILITY responsibility="Wrap children in a flex group with data-slot and role=group, applying input-group styles and focus/invalid rings."]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/button.tsx,.framework/src/components/ui/input-group.tsx,.framework/src/components/ui/input.tsx,.framework/src/components/ui/textarea.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: string, props: React.ComponentProps<'div'>" outputs="JSX.Element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Build a <div> with data-slot, role=group, and combined Tailwind classes; spread remaining props." notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function InputGroup({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -58,21 +54,23 @@ function InputGroup({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-// CIL[END chunk_id="input_group_inputgroup_1783796064"]
-// CIL[BEGIN chunk_id="input_group_inputgroupaddonvariants_1783796064" type="cva" identity="inputgroupaddonvariants" parent="none"]
-// CIL[DOC-MACRO purpose="Define style variants for input group addons"]
-// CIL[DOC-RESPONSIBILITY responsibility="Create CVA configuration for addon positioning"]
-// CIL[DOC-CONTEXT module="input-group" layer="ui_components" related_files="[\".framework/functions/_shared/principal.ts\",\".framework/functions/_shared/schema-utils.ts\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/src/pages/admin/IntegrationsPage.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="CVA variant configuration" errors="none" side_effects="defines styling variants"]
-// CIL[DOC-MICRO logic_summary="Defines alignment variants for input group addon positioning" 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/functions/_shared/principal.ts, .framework/functions/_shared/schema-utils.ts, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/src/pages/admin/IntegrationsPage.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="context" content="purpose='Render an accessible InputGroup container with themed styles and focus/invalid state propagation.'; No verified external callers; imports: .framework/src/lib/utils.ts,.framework/src/components/ui/button.tsx,.framework/src/components/ui/input.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/input-group.tsx:inputgroup:function"]
+
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/input-group.tsx:inputgroupaddonvariants:constant" type="constant" identity="inputgroupaddonvariants" parent="~/.framework/src/components/ui/input-group.tsx:module_header:module_header"]
+// CIL[DOC-MACRO purpose="Define Tailwind class variant authority (cva) styles for input group add-on alignment."]
+// CIL[DOC-RESPONSIBILITY responsibility="Generate class strings for inline and block add-on alignment and disabled opacity."]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/button.tsx,.framework/src/components/ui/input-group.tsx,.framework/src/components/ui/input.tsx,.framework/src/components/ui/textarea.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="align: VariantProps['inputGroupAddonVariants']['align']" outputs="className string" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Configure cva base classes and alignment variant classes; default to inline-start." notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 const inputGroupAddonVariants = cva(
   "flex h-auto cursor-text items-center justify-center gap-1 py-2 text-xs/relaxed font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 **:data-[slot=kbd]:rounded-[calc(var(--radius-sm)-2px)] **:data-[slot=kbd]:bg-muted-foreground/10 **:data-[slot=kbd]:px-1 **:data-[slot=kbd]:text-[0.625rem] [&>svg:not([class*='size-'])]:size-3.5",
   {
@@ -93,21 +91,23 @@ const inputGroupAddonVariants = cva(
     },
   }
 )
-// CIL[END chunk_id="input_group_inputgroupaddonvariants_1783796064"]
-// CIL[BEGIN chunk_id="input_group_inputgroupaddon_1783796064" type="function" identity="inputgroupaddon" parent="none"]
-// CIL[DOC-MACRO purpose="Render addon container for input groups"]
-// CIL[DOC-RESPONSIBILITY responsibility="Create addon wrapper with positioning and focus handling"]
-// CIL[DOC-CONTEXT module="input-group" 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="styled addon container" errors="none" side_effects="renders DOM element"]
-// CIL[DOC-MICRO logic_summary="Creates addon container with auto-focus on click and 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_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="context" content="purpose='Define Tailwind class variant authority (cva) styles for input group add-on alignment.'; No verified external callers; imports: .framework/src/lib/utils.ts,.framework/src/components/ui/button.tsx,.framework/src/components/ui/input.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/input-group.tsx:inputgroupaddonvariants:constant"]
+
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/input-group.tsx:inputgroupaddon:function" type="function" identity="inputgroupaddon" parent="~/.framework/src/components/ui/input-group.tsx:module_header:module_header"]
+// CIL[DOC-MACRO purpose="Render an interactive InputGroup add-on that focuses the input on click."]
+// CIL[DOC-RESPONSIBILITY responsibility="Render an add-on wrapper with alignment variant classes and click-to-focus behavior."]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/button.tsx,.framework/src/components/ui/input-group.tsx,.framework/src/components/ui/input.tsx,.framework/src/components/ui/textarea.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: string, align: 'inline-start' | 'inline-end' | 'block-start' | 'block-end', props: React.ComponentProps<'div'>" outputs="JSX.Element" errors="none" side_effects="focuses sibling input element when the add-on is clicked and the click did not originate from a button"]
+// CIL[DOC-MICRO logic_summary="Render a div with role=group, data-slot and data-align; on click, focus the nearest input unless a button was clicked." notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function InputGroupAddon({
   className,
   align = "inline-start",
@@ -123,27 +123,30 @@ function InputGroupAddon({
         if ((e.target as HTMLElement).closest("button")) {
           return
         }
+
         e.currentTarget.parentElement?.querySelector("input")?.focus()
       }}
       {...props}
     />
   )
 }
-// CIL[END chunk_id="input_group_inputgroupaddon_1783796064"]
-// CIL[BEGIN chunk_id="input_group_inputgroupbuttonvariants_1783796064" type="cva" identity="inputgroupbuttonvariants" parent="none"]
-// CIL[DOC-MACRO purpose="Define style variants for input group buttons"]
-// CIL[DOC-RESPONSIBILITY responsibility="Create CVA configuration for button sizing"]
-// CIL[DOC-CONTEXT module="input-group" layer="ui_components" related_files="[\".framework/functions/_shared/principal.ts\",\".framework/functions/_shared/schema-utils.ts\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/src/pages/admin/IntegrationsPage.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="CVA variant configuration" errors="none" side_effects="defines styling variants"]
-// CIL[DOC-MICRO logic_summary="Defines size variants for input group button components" 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/functions/_shared/principal.ts, .framework/functions/_shared/schema-utils.ts, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/src/pages/admin/IntegrationsPage.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="context" content="purpose='Render an interactive InputGroup add-on that focuses the input on click.'; No verified external callers; imports: .framework/src/lib/utils.ts,.framework/src/components/ui/button.tsx,.framework/src/components/ui/input.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/input-group.tsx:inputgroupaddon:function"]
+
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/input-group.tsx:inputgroupbuttonvariants:constant" type="constant" identity="inputgroupbuttonvariants" parent="~/.framework/src/components/ui/input-group.tsx:module_header:module_header"]
+// CIL[DOC-MACRO purpose="Define cva size variants for the InputGroupButton component."]
+// CIL[DOC-RESPONSIBILITY responsibility="Generate class strings for button size and icon variants with correct sizing and spacing."]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/button.tsx,.framework/src/components/ui/input-group.tsx,.framework/src/components/ui/input.tsx,.framework/src/components/ui/textarea.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="size: 'xs' | 'sm' | 'icon-xs' | 'icon-sm'" outputs="className string" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Configure cva with size variants including xs, sm, icon-xs, icon-sm and default xs." notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 const inputGroupButtonVariants = cva(
   "flex items-center gap-2 rounded-md text-xs/relaxed shadow-none",
   {
@@ -158,23 +161,25 @@ const inputGroupButtonVariants = cva(
     defaultVariants: {
       size: "xs",
     },
- 
+  }
 )
-// CIL[END chunk_id="input_group_inputgroupbuttonvariants_1783796064"]
-// CIL[BEGIN chunk_id="input_group_inputgroupbutton_1783796064" type="function" identity="inputgroupbutton" parent="none"]
-// CIL[DOC-MACRO purpose="Render button for input groups"]
-// CIL[DOC-RESPONSIBILITY responsibility="Create styled button component for input group actions"]
-// CIL[DOC-CONTEXT module="input-group" layer="ui_components" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled button" errors="none" side_effects="renders DOM element"]
-// CIL[DOC-MICRO logic_summary="Creates button with custom sizing for input group integration" 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="context" content="purpose='Define cva size variants for the InputGroupButton component.'; No verified external callers; imports: .framework/src/lib/utils.ts,.framework/src/components/ui/button.tsx,.framework/src/components/ui/input.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/input-group.tsx:inputgroupbuttonvariants:constant"]
+
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/input-group.tsx:inputgroupbutton:function" type="function" identity="inputgroupbutton" parent="~/.framework/src/components/ui/input-group.tsx:module_header:module_header"]
+// CIL[DOC-MACRO purpose="Render a small button suitable for placement inside an input group."]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a Button with default ghost variant and xs size, merging input group button variant classes."]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/button.tsx,.framework/src/components/ui/input-group.tsx,.framework/src/components/ui/input.tsx,.framework/src/components/ui/textarea.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: string, type: 'button', variant: 'ghost', size: 'xs' | 'sm' | 'icon-xs' | 'icon-sm', props: Omit<React.ComponentProps<typeof Button>, 'size'> & VariantProps<typeof inputGroupButtonVariants>, VariantProps: VariantProps<typeof inputGroupButtonVariants>" outputs="JSX.Element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Render a Button with type, data-size, variant, and merged cva size classes; spread remaining props." notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function InputGroupButton({
   className,
   type = "button",
@@ -193,21 +198,23 @@ function InputGroupButton({
     />
   )
 }
-// CIL[END chunk_id="input_group_inputgroupbutton_1783796064"]
-// CIL[BEGIN chunk_id="input_group_inputgrouptext_1783796064" type="function" identity="inputgrouptext" parent="none"]
-// CIL[DOC-MACRO purpose="Render text element for input groups"]
-// CIL[DOC-RESPONSIBILITY responsibility="Create styled text component for input group labels"]
-// CIL[DOC-CONTEXT module="input-group" layer="ui_components" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled text element" errors="none" side_effects="renders DOM element"]
-// CIL[DOC-MICRO logic_summary="Creates muted text element with icon support for input groups" 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="context" content="purpose='Render a small button suitable for placement inside an input group.'; No verified external callers; imports: .framework/src/lib/utils.ts,.framework/src/components/ui/button.tsx,.framework/src/components/ui/input.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/input-group.tsx:inputgroupbutton:function"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/input-group.tsx:inputgrouptext:function" type="function" identity="inputgrouptext" parent="~/.framework/src/components/ui/input-group.tsx:module_header:module_header"]
+// CIL[DOC-MACRO purpose="Render styled helper text or label content inside an input group."]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a span with muted text styling and svg sizing utilities."]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/button.tsx,.framework/src/components/ui/input-group.tsx,.framework/src/components/ui/input.tsx,.framework/src/components/ui/textarea.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: string, props: React.ComponentProps<'span'>" outputs="JSX.Element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Render a span with combined text-muted and svg size classes; spread props." notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function InputGroupText({ className, ...props }: React.ComponentProps<"span">) {
   return (
     <span
@@ -219,21 +226,22 @@ function InputGroupText({ className, ...props }: React.ComponentProps<"span">) {
     />
   )
 }
-// CIL[END chunk_id="input_group_inputgrouptext_1783796064"]
-// CIL[BEGIN chunk_id="input_group_inputgroupinput_1783796064" type="function" identity="inputgroupinput" parent="none"]
-// CIL[DOC-MACRO purpose="Render input element for input groups"]
-// CIL[DOC-RESPONSIBILITY responsibility="Create styled input component for input group integration"]
-// CIL[DOC-CONTEXT module="input-group" layer="ui_components" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled input element" errors="none" side_effects="renders DOM element"]
-// CIL[DOC-MICRO logic_summary="Creates input element with group-specific styling and borders" 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="context" content="purpose='Render styled helper text or label content inside an input group.'; No verified external callers; imports: .framework/src/lib/utils.ts,.framework/src/components/ui/button.tsx,.framework/src/components/ui/input.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/input-group.tsx:inputgrouptext:function"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/input-group.tsx:inputgroupinput:function" type="function" identity="inputgroupinput" parent="~/.framework/src/components/ui/input-group.tsx:module_header:module_header"]
+// CIL[DOC-MACRO purpose="Render an input control styled for use inside an InputGroup."]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a full-width Input with transparent background, no border, and no focus ring, marked as the group control."]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/button.tsx,.framework/src/components/ui/input-group.tsx,.framework/src/components/ui/input.tsx,.framework/src/components/ui/textarea.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: string, props: React.ComponentProps<'input'>" outputs="JSX.Element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Render an Input with data-slot='input-group-control' and rounded-none, border-0, transparent, ring-0 classes." notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function InputGroupInput({
   className,
   ...props
@@ -249,21 +257,22 @@ function InputGroupInput({
     />
   )
 }
-// CIL[END chunk_id="input_group_inputgroupinput_1783796064"]
-// CIL[BEGIN chunk_id="input_group_inputgrouptextarea_1783796064" type="function" identity="inputgrouptextarea" parent="none"]
-// CIL[DOC-MACRO purpose="Render textarea element for input groups"]
-// CIL[DOC-RESPONSIBILITY responsibility="Create styled textarea component for input group integration"]
-// CIL[DOC-CONTEXT module="input-group" layer="ui_components" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled textarea element" errors="none" side_effects="renders DOM element"]
-// CIL[DOC-MICRO logic_summary="Creates textarea element with group-specific styling and borders" 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="context" content="purpose='Render an input control styled for use inside an InputGroup.'; No verified external callers; imports: .framework/src/lib/utils.ts,.framework/src/components/ui/button.tsx,.framework/src/components/ui/input.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/input-group.tsx:inputgroupinput:function"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/input-group.tsx:inputgrouptextarea:function" type="function" identity="inputgrouptextarea" parent="~/.framework/src/components/ui/input-group.tsx:module_header:module_header"]
+// CIL[DOC-MACRO purpose="Render a textarea control styled for use inside an InputGroup."]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a Textarea with transparent background, resize-none, no border, and no focus ring."]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/button.tsx,.framework/src/components/ui/input-group.tsx,.framework/src/components/ui/input.tsx,.framework/src/components/ui/textarea.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: string, props: React.ComponentProps<'textarea'>" outputs="JSX.Element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Render a Textarea with data-slot='input-group-control' and rounded-none, border-0, resize-none, transparent, ring-0 classes." notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function InputGroupTextarea({
   className,
   ...props
@@ -279,21 +288,21 @@ function InputGroupTextarea({
     />
   )
 }
-// CIL[END chunk_id="input_group_inputgrouptextarea_1783796064"]
-// CIL[BEGIN chunk_id="input_group_exports_1783796064" type="exports" identity="exports" parent="none"]
-// CIL[DOC-MACRO purpose="Export input group components for public use"]
-// CIL[DOC-RESPONSIBILITY responsibility="Export all input group-related components"]
-// CIL[DOC-CONTEXT module="input-group" layer="ui_components" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="exported components" errors="none" side_effects="module exports"]
-// CIL[DOC-MICRO logic_summary="Exports comprehensive input group component system for consumption" 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="context" content="purpose='Render a textarea control styled for use inside an InputGroup.'; No verified external callers; imports: .framework/src/lib/utils.ts,.framework/src/components/ui/button.tsx,.framework/src/components/ui/input.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/input-group.tsx:inputgrouptextarea:function"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/input-group.tsx:export:export" type="export" identity="export" parent="~/.framework/src/components/ui/input-group.tsx:module_header:module_header"]
+// CIL[DOC-MACRO purpose="Expose InputGroup subcomponents for consumers of the UI package."]
+// CIL[DOC-RESPONSIBILITY responsibility="Re-export the component and variant symbols from this module."]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/button.tsx,.framework/src/components/ui/input-group.tsx,.framework/src/components/ui/input.tsx,.framework/src/components/ui/textarea.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="none" outputs="named exports" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Named export list of all InputGroup subcomponents and their cva variants." notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 export {
   InputGroup,
   InputGroupAddon,
@@ -302,4 +311,10 @@ export {
   InputGroupInput,
   InputGroupTextarea,
 }
-// CIL[END chunk_id="input_group_exports_1783796064"]
+// CIL[DOC-VECTOR type="context" content="purpose='Expose InputGroup subcomponents for consumers of the UI package.'; No verified external callers; imports: .framework/src/lib/utils.ts,.framework/src/components/ui/button.tsx,.framework/src/components/ui/input.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/input-group.tsx:export:export"]