@qwickapps/react-framework 1.3.3 → 1.3.5

package/README.md

@@ -4,6 +4,13 @@ A complete React framework for building modern, responsive applications with int
 
 ## What's New
 
+### September 4, 2025 - Stability & Inline Wrapper Guard
+
+- **ProductCard Stability Fix**: Removed inline wrapper React components that caused subtree remounts and potential focus/state loss; replaced with stable JSX fragments.
+- **Preventive Lint Rule**: Repo now enforces a custom `no-inline-component-wrapper` ESLint rule (scoped rollout) to block reintroduction of the remount pattern.
+- **Internal Refactor Only**: No public API changes; safe patch update.
+
+
 ### September 2, 2025 - Built-in Error Handling & Accessibility
 - **Automatic Error Boundaries**: QwickApp now automatically wraps all content with ErrorBoundary for robust error handling
 - **Built-in Accessibility**: AccessibilityProvider automatically included for WCAG 2.1 AA compliance
@@ -37,6 +44,7 @@ A complete React framework for building modern, responsive applications with int
 - **Content Blocks**: Styled containers with variants (elevated, outlined, filled)
 - **Feature Grids**: Showcase features with icons, titles, and actions
 - **Section Containers**: Configurable spacing and background variants
+- **CollapsibleLayout**: Advanced expandable/collapsible containers with state management
 
 ### 🎨 **Advanced Theming**
 - **Theme Management**: Light, dark, and system theme support
@@ -301,6 +309,72 @@ import { Section, Content } from '@qwickapps/react-framework';
 </Section>
 ```
 
+### CollapsibleLayout
+
+Create advanced expandable/collapsible sections with comprehensive features:
+
+```tsx
+import { CollapsibleLayout } from '@qwickapps/react-framework';
+
+<CollapsibleLayout
+  title="User Settings"
+  subtitle="Configure your account preferences"
+  defaultCollapsed={false}
+  variant="outlined" // 'default' | 'outlined' | 'elevated' | 'filled'
+  triggerArea="header" // 'header' | 'button' | 'both'
+  animationStyle="slide" // 'fade' | 'slide' | 'scale'
+  persistState={true} // Remember state in localStorage
+  leadIcon={<SettingsIcon />}
+  headerActions={
+    <Button size="small">Edit</Button>
+  }
+>
+  <Stack spacing={2}>
+    <TextField label="Display Name" />
+    <TextField label="Email" />
+    <Switch label="Email Notifications" />
+  </Stack>
+</CollapsibleLayout>
+```
+
+**Key Features:**
+- **Controlled & Uncontrolled State**: Use `collapsed` prop for controlled state or `defaultCollapsed` for uncontrolled
+- **State Persistence**: `persistState` option saves collapsed state to localStorage
+- **Multiple Animations**: Choose from fade, slide, or scale animations with customizable duration
+- **Flexible Triggers**: Header click, button only, or both can trigger expand/collapse
+- **Rich Content Support**: Supports React components, HTML strings, and mixed content
+- **Accessibility Built-in**: ARIA attributes, keyboard navigation, and screen reader support
+- **Visual Variants**: Material-UI inspired variants (outlined, elevated, filled)
+- **CMS Integration**: Full data binding support for content management systems
+
+**Advanced Usage:**
+
+```tsx
+// Controlled state with custom icons
+const [isCollapsed, setIsCollapsed] = useState(false);
+
+<CollapsibleLayout
+  title="Advanced Configuration"
+  collapsed={isCollapsed}
+  onToggle={setIsCollapsed}
+  collapsedIcon={<ExpandMoreIcon />}
+  expandedIcon={<ExpandLessIcon />}
+  collapsedView={
+    <Typography color="text.secondary">
+      Click to view configuration options...
+    </Typography>
+  }
+  footerView={
+    <Button size="small">Save Changes</Button>
+  }
+>
+  {/* Complex form content */}
+</CollapsibleLayout>
+
+// Data binding with CMS
+<CollapsibleLayout dataSource="settings.user-preferences" />
+```
+
 ## CMS Content Components
 
 Transform HTML strings and Markdown content into React components with intelligent element transformation and syntax highlighting.
@@ -646,6 +720,49 @@ interface TransformConfig {
 }
 ```
 
+### CollapsibleLayout Component
+
+```tsx
+interface CollapsibleLayoutProps extends WithBaseProps, WithDataBinding {
+  // State Management
+  collapsed?: boolean;                 // Controlled collapsed state
+  defaultCollapsed?: boolean;          // Initial collapsed state (uncontrolled)
+  onToggle?: (collapsed: boolean) => void; // State change callback
+  persistState?: boolean;              // Save state to localStorage
+  storageKey?: string;                 // Custom storage key
+  
+  // Content
+  title?: string;                      // Header title
+  subtitle?: string;                   // Header subtitle  
+  leadIcon?: ReactNode;                // Icon before title
+  headerActions?: ReactNode;           // Actions in header (buttons, etc.)
+  children?: ReactNode;                // Main expandable content
+  collapsedView?: ReactNode;           // Content shown when collapsed
+  footerView?: ReactNode;              // Always-visible footer content
+  
+  // Behavior
+  triggerArea?: 'header' | 'button' | 'both'; // Click trigger area
+  animationStyle?: 'fade' | 'slide' | 'scale'; // Animation type
+  animationDuration?: number;          // Animation duration (ms)
+  disableAnimations?: boolean;         // Disable all animations
+  
+  // Styling
+  variant?: 'default' | 'outlined' | 'elevated' | 'filled';
+  headerSpacing?: 'compact' | 'comfortable' | 'spacious';
+  contentSpacing?: 'compact' | 'comfortable' | 'spacious';
+  showDivider?: boolean;               // Show section dividers
+  
+  // Icons
+  collapsedIcon?: ReactNode;           // Custom collapsed state icon
+  expandedIcon?: ReactNode;            // Custom expanded state icon
+  
+  // Accessibility
+  toggleAriaLabel?: string;            // ARIA label for toggle button
+  'aria-describedby'?: string;         // Describedby reference
+  contentAriaProps?: object;           // Additional ARIA props
+}
+```
+
 ## Advanced Usage
 
 ### Custom Layout Composition
@@ -699,6 +816,113 @@ function LandingPage() {
 }
 ```
 
+### Advanced CollapsibleLayout Patterns
+
+```tsx
+// Settings Dashboard with Multiple Sections
+function SettingsDashboard() {
+  return (
+    <QwickApp appName="Settings">
+      <Stack spacing={2}>
+        <CollapsibleLayout
+          title="Account Settings"
+          subtitle="Profile and security preferences"
+          defaultCollapsed={false}
+          variant="outlined"
+          leadIcon={<PersonIcon />}
+          persistState={true}
+          storageKey="settings-account"
+        >
+          <Stack spacing={2}>
+            <TextField label="Display Name" />
+            <TextField label="Email Address" />
+            <Switch label="Two-Factor Authentication" />
+          </Stack>
+        </CollapsibleLayout>
+
+        <CollapsibleLayout
+          title="Privacy Settings"
+          subtitle="Data usage and visibility"
+          defaultCollapsed={true}
+          variant="outlined" 
+          leadIcon={<PrivacyIcon />}
+          triggerArea="both"
+          animationStyle="fade"
+        >
+          <Stack spacing={2}>
+            <Switch label="Public Profile" />
+            <Switch label="Activity Tracking" />
+            <TextField 
+              label="Data Retention" 
+              select
+              defaultValue="1year"
+            />
+          </Stack>
+        </CollapsibleLayout>
+      </Stack>
+    </QwickApp>
+  );
+}
+
+// FAQ Section with Collapsed Previews  
+function FAQSection() {
+  const faqs = [
+    {
+      question: "How do I integrate with my CMS?",
+      preview: "Integration involves data providers and configuration...",
+      answer: "Detailed integration steps with code examples..."
+    },
+    // ... more FAQs
+  ];
+
+  return (
+    <Stack spacing={2}>
+      {faqs.map((faq, index) => (
+        <CollapsibleLayout
+          key={index}
+          title={faq.question}
+          defaultCollapsed={true}
+          variant="outlined"
+          collapsedView={
+            <Typography color="text.secondary" sx={{ fontStyle: 'italic' }}>
+              {faq.preview}
+            </Typography>
+          }
+        >
+          <Typography>{faq.answer}</Typography>
+        </CollapsibleLayout>
+      ))}
+    </Stack>
+  );
+}
+
+// Complex Data Dashboard
+function DataDashboard() {
+  return (
+    <CollapsibleLayout
+      title="Sales Analytics"
+      subtitle="Q4 2024 performance metrics"
+      variant="elevated"
+      headerActions={
+        <Stack direction="row" spacing={1}>
+          <Chip label="Live" color="success" size="small" />
+          <Button size="small">Export</Button>
+        </Stack>
+      }
+      leadIcon={<ChartIcon />}
+      footerView={
+        <Typography variant="caption" color="text.secondary">
+          Last updated: {new Date().toLocaleTimeString()}
+        </Typography>
+      }
+    >
+      {/* Complex dashboard content with charts, tables, etc. */}
+      <DashboardContent />
+    </CollapsibleLayout>
+  );
+}
+```
+
 ### Accessing App Context
 
 ```tsx
@@ -728,6 +952,9 @@ import type {
   HeroBlockProps,
   ColumnLayoutProps,
   FeatureItem,
+  CollapsibleLayoutProps,
+  CollapsibleLayoutViewProps,
+  UseCollapsibleLayoutState,
 } from '@qwickapps/react-framework';
 ```
 

package/dist/components/blocks/Content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/Content.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGhE,OAAO,YAAY,MAAM,6BAA6B,CAAC;AAMvD,KAAK,gBAAgB,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;AAEjD,MAAM,WAAW,YAAa,SAAQ,gBAAgB,EAAE,eAAe;CAAG;AA4L1E,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,kDA6CnC;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/Content.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGhE,OAAO,YAAY,MAAM,6BAA6B,CAAC;AAMvD,KAAK,gBAAgB,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;AAEjD,MAAM,WAAW,YAAa,SAAQ,gBAAgB,EAAE,eAAe;CAAG;AAwI1E,iBAAS,OAAO,CAAC,KAAK,EAAE,YAAY,kDA6CnC;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/blocks/ProductCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/ProductCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AASH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAoD,aAAa,EAAE,MAAM,aAAa,CAAC;AAI9F,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IAC5C,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,oBAAqB,SAAQ,aAAa;IAClD,mBAAmB;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,6DAA6D;IAC7D,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,EAAE,eAAe;CAAG;AAgVlF;;;GAGG;AACH,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,kDAmE3C;AAED,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/ProductCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AASH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAoD,aAAa,EAAE,MAAM,aAAa,CAAC;AAI9F,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IAC5C,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,oBAAqB,SAAQ,aAAa;IAClD,mBAAmB;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,6DAA6D;IAC7D,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,EAAE,eAAe;CAAG;AA+UlF;;;GAGG;AACH,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,kDAmE3C;AAED,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/forms/FormBlock.d.ts

@@ -28,7 +28,7 @@ type FormBlockViewProps = ModelProps<FormBlockModel> & {
     /**
      * Form content
      */
-    form?: React.ReactNode;
+    children?: React.ReactNode;
     /**
      * Footer content (links, additional text, etc.)
      */

package/dist/components/forms/FormBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormBlock.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormBlock.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAYH,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAI3D,KAAK,kBAAkB,GAAG,UAAU,CAAC,cAAc,CAAC,GAAG;IACrD;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEtC;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,kBAAkB,EAAE,eAAe;CAAI;AAyK/E;;;GAGG;AACH,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,kDAwDvC;AAKD,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FormBlock.d.ts","sourceRoot":"","sources":["../../../src/components/forms/FormBlock.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAYH,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAI3D,KAAK,kBAAkB,GAAG,UAAU,CAAC,cAAc,CAAC,GAAG;IACrD;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,kBAAkB,EAAE,eAAe;CAAI;AAyK/E;;;GAGG;AACH,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,kDAwDvC;AAKD,eAAe,SAAS,CAAC"}

package/dist/components/input/SwitchInputField.d.ts

@@ -0,0 +1,28 @@
+/**
+ * SwitchInputField - Switch toggle component with data binding support
+ *
+ * Provides a standardized switch field with:
+ * - Consistent Material-UI styling
+ * - Data binding capabilities
+ * - Label and helper text support
+ * - Focus and error handling
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import type { WithDataBinding, ModelProps } from '@qwickapps/schema';
+import SwitchInputFieldModel from '../../schemas/SwitchInputFieldSchema';
+type SwitchInputFieldViewProps = ModelProps<SwitchInputFieldModel> & {
+    /** Change handler */
+    onChange?: (checked: boolean) => void;
+    /** Focus handler */
+    onFocus?: () => void;
+};
+export interface SwitchInputFieldProps extends SwitchInputFieldViewProps, WithDataBinding {
+}
+/**
+ * SwitchInputField component with data binding support
+ * Supports both traditional props and dataSource-driven rendering
+ */
+declare function SwitchInputField(props: SwitchInputFieldProps): import("react/jsx-runtime").JSX.Element | null;
+export default SwitchInputField;
+//# sourceMappingURL=SwitchInputField.d.ts.map

package/dist/components/input/SwitchInputField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchInputField.d.ts","sourceRoot":"","sources":["../../../src/components/input/SwitchInputField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAWH,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGrE,OAAO,qBAAqB,MAAM,sCAAsC,CAAC;AAEzE,KAAK,yBAAyB,GAAG,UAAU,CAAC,qBAAqB,CAAC,GAAG;IACnE,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB,EAAE,eAAe;CAAG;AA2D5F;;;GAGG;AACH,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,kDA+DrD;AAKD,eAAe,gBAAgB,CAAC"}

package/dist/components/input/index.d.ts

@@ -7,11 +7,13 @@
 export { default as ChoiceInputField } from './ChoiceInputField';
 export { default as HtmlInputField } from './HtmlInputField';
 export { default as SelectInputField } from './SelectInputField';
+export { default as SwitchInputField } from './SwitchInputField';
 export { default as TextField } from './TextField';
 export { default as TextInputField } from './TextInputField';
 export type { ChoiceInputFieldProps } from './ChoiceInputField';
 export type { HtmlInputFieldProps } from './HtmlInputField';
 export type { SelectInputFieldProps, SelectOption } from './SelectInputField';
+export type { SwitchInputFieldProps } from './SwitchInputField';
 export type { TextFieldProps } from './TextField';
 export type { TextInputFieldProps } from './TextInputField';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE7D,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC9E,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE7D,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC9E,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/layout/CollapsibleLayout/CollapsibleLayout.d.ts

@@ -0,0 +1,34 @@
+/**
+ * CollapsibleLayout Component - Advanced expandable/collapsible container
+ *
+ * Features:
+ * - Controlled and uncontrolled state management
+ * - Multiple animation styles (fade, slide, scale)
+ * - Customizable trigger areas (button, header, both)
+ * - localStorage persistence
+ * - Full accessibility support
+ * - Material-UI integration with themes
+ * - Multiple visual variants
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+import { CollapsibleLayoutViewProps, CollapsibleLayoutProps, UseCollapsibleLayoutState } from '../../../types/CollapsibleLayout';
+/**
+ * Custom hook for managing collapsible state - simplified approach
+ */
+declare function useCollapsibleState(controlled: boolean, collapsedProp?: boolean, defaultCollapsedProp?: boolean, onToggleProp?: (collapsed: boolean) => void, persistState?: boolean, storageKey?: string): UseCollapsibleLayoutState;
+/**
+ * Core CollapsibleLayout View component
+ */
+declare function CollapsibleLayoutView({ collapsed: collapsedProp, defaultCollapsed, onToggle, title, subtitle, leadIcon, headerActions, collapsedView, children, footerView, triggerArea, animationStyle, persistState, storageKey, animationDuration, disableAnimations, collapsedIcon, expandedIcon, showDivider, variant, headerSpacing, contentSpacing, toggleAriaLabel, 'aria-describedby': ariaDescribedBy, contentAriaProps, containerClassName, headerClassName, contentClassName, footerClassName, ...restProps }: CollapsibleLayoutViewProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Main CollapsibleLayout component with data binding support
+ */
+declare function CollapsibleLayout(props: CollapsibleLayoutProps): import("react/jsx-runtime").JSX.Element | null;
+declare namespace CollapsibleLayout {
+    var defaultProps: Partial<CollapsibleLayoutProps>;
+}
+export default CollapsibleLayout;
+export { CollapsibleLayout, CollapsibleLayoutView, useCollapsibleState };
+export type { CollapsibleLayoutProps, CollapsibleLayoutViewProps, UseCollapsibleLayoutState };
+//# sourceMappingURL=CollapsibleLayout.d.ts.map

package/dist/components/layout/CollapsibleLayout/CollapsibleLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/CollapsibleLayout/CollapsibleLayout.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAwBH,OAAO,EACL,0BAA0B,EAC1B,sBAAsB,EACtB,yBAAyB,EAI1B,MAAM,kCAAkC,CAAC;AAG1C;;GAEG;AACH,iBAAS,mBAAmB,CAC1B,UAAU,EAAE,OAAO,EACnB,aAAa,CAAC,EAAE,OAAO,EACvB,oBAAoB,CAAC,EAAE,OAAO,EAC9B,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,EAC3C,YAAY,CAAC,EAAE,OAAO,EACtB,UAAU,CAAC,EAAE,MAAM,GAClB,yBAAyB,CA4D3B;AAED;;GAEG;AACH,iBAAS,qBAAqB,CAAC,EAE7B,SAAS,EAAE,aAAa,EACxB,gBAAwB,EACxB,QAAQ,EAGR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAQ,EACR,UAAU,EAGV,WAAoB,EACpB,cAAwB,EACxB,YAAoB,EACpB,UAAU,EACV,iBAAuB,EACvB,iBAAyB,EAGzB,aAAa,EACb,YAAY,EAGZ,WAAkB,EAClB,OAAmB,EACnB,aAA6B,EAC7B,cAA8B,EAG9B,eAA6C,EAC7C,kBAAkB,EAAE,eAAe,EACnC,gBAAqB,EAGrB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,eAAe,EAEf,GAAG,SAAS,EACb,EAAE,0BAA0B,2CAuU5B;AAED;;GAEG;AACH,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,kDA+CvD;kBA/CQ,iBAAiB;;;AAoD1B,eAAe,iBAAiB,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,CAAC;AACzE,YAAY,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,CAAC"}

package/dist/components/layout/CollapsibleLayout/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * CollapsibleLayout Component Exports
+ *
+ * Copyright (c) 2025 QwickApps.com. All rights reserved.
+ */
+export { default } from './CollapsibleLayout';
+export { CollapsibleLayout, CollapsibleLayoutView, useCollapsibleState, } from './CollapsibleLayout';
+export type { CollapsibleLayoutProps, CollapsibleLayoutViewProps, UseCollapsibleLayoutState, } from './CollapsibleLayout';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/CollapsibleLayout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/CollapsibleLayout/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,sBAAsB,EACtB,0BAA0B,EAC1B,yBAAyB,GAC1B,MAAM,qBAAqB,CAAC"}

package/dist/components/layout/index.d.ts

@@ -9,4 +9,6 @@ export { GridLayout } from './GridLayout';
 export type { GridLayoutProps } from './GridLayout';
 export { GridCell } from './GridCell';
 export type { GridCellProps } from './GridCell';
+export { CollapsibleLayout, CollapsibleLayoutView, useCollapsibleState } from './CollapsibleLayout';
+export type { CollapsibleLayoutProps, CollapsibleLayoutViewProps, UseCollapsibleLayoutState } from './CollapsibleLayout';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AACpG,YAAY,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/contexts/ThemeContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/contexts/ThemeContext.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAkD,SAAS,EAAE,MAAM,OAAO,CAAC;AACzF,OAAO,EAAe,KAAK,EAAqC,MAAM,sBAAsB,CAAC;AAW7F,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,iBAAiB;IAChC,2FAA2F;IAC3F,YAAY,EAAE,SAAS,CAAC;IACxB,6DAA6D;IAC7D,cAAc,EAAE,SAAS,GAAG,IAAI,CAAC;IACjC,yEAAyE;IACzE,eAAe,EAAE,eAAe,CAAC;IACjC,2BAA2B;IAC3B,KAAK,EAAE,KAAK,CAAC;IACb,6CAA6C;IAC7C,MAAM,EAAE,OAAO,CAAC;IAChB,wDAAwD;IACxD,YAAY,EAAE,OAAO,CAAC;IAGtB,uEAAuE;IACvE,iBAAiB,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC9C,+DAA+D;IAC/D,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,iCAAiC;IACjC,iBAAiB,EAAE,MAAM,SAAS,GAAG,IAAI,CAAC;IAG1C,kCAAkC;IAClC,eAAe,EAAE,MAAM,SAAS,CAAC;IACjC,2EAA2E;IAC3E,eAAe,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAKD,eAAO,MAAM,QAAQ,QAAO,iBAM3B,CAAC;AAoBF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0QtD,CAAC"}
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/contexts/ThemeContext.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAkD,SAAS,EAAE,MAAM,OAAO,CAAC;AACzF,OAAO,EAAe,KAAK,EAAqC,MAAM,sBAAsB,CAAC;AAW7F,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,iBAAiB;IAChC,2FAA2F;IAC3F,YAAY,EAAE,SAAS,CAAC;IACxB,6DAA6D;IAC7D,cAAc,EAAE,SAAS,GAAG,IAAI,CAAC;IACjC,yEAAyE;IACzE,eAAe,EAAE,eAAe,CAAC;IACjC,2BAA2B;IAC3B,KAAK,EAAE,KAAK,CAAC;IACb,6CAA6C;IAC7C,MAAM,EAAE,OAAO,CAAC;IAChB,wDAAwD;IACxD,YAAY,EAAE,OAAO,CAAC;IAGtB,uEAAuE;IACvE,iBAAiB,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC9C,+DAA+D;IAC/D,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,iCAAiC;IACjC,iBAAiB,EAAE,MAAM,SAAS,GAAG,IAAI,CAAC;IAG1C,kCAAkC;IAClC,eAAe,EAAE,MAAM,SAAS,CAAC;IACjC,2EAA2E;IAC3E,eAAe,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAKD,eAAO,MAAM,QAAQ,QAAO,iBAM3B,CAAC;AAoBF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyQtD,CAAC"}