From af3b153f032ebac9cfd35a3ae2a846f568e2750f Mon Sep 17 00:00:00 2001
From: CGQAQ <m.jason.liu@outlook.com>
Date: Wed, 11 Feb 2026 19:38:46 +0800
Subject: [PATCH 1/8] feat(shadcn-ui): add missing ShadInput config fields to
 FlutterShadcnInput

Expose 10 additional ShadInput properties: textalign, autocapitalize,
autocorrect, enablesuggestions, enterkeyhint, maxlines, minlines,
cursorcolor, selectioncolor, and obscuringcharacter. Also add onSubmitted
support via a new 'submit' event.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../lib/src/components/input.d.ts             |  61 +++++
 .../lib/src/components/input.dart             | 251 ++++++++++++++++++
 .../components/input_bindings_generated.dart  | 120 +++++++++
 3 files changed, 432 insertions(+)

diff --git a/native_uis/webf_shadcn_ui/lib/src/components/input.d.ts b/native_uis/webf_shadcn_ui/lib/src/components/input.d.ts
index ed171b4aa1..7830b7450e 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/input.d.ts
+++ b/native_uis/webf_shadcn_ui/lib/src/components/input.d.ts
@@ -69,6 +69,64 @@ interface FlutterShadcnInputProperties {
    * Autofocus on mount.
    */
   autofocus?: boolean;
+
+  /**
+   * Text alignment within the input.
+   * Options: 'start', 'end', 'left', 'right', 'center'
+   * Default: 'start'
+   */
+  textalign?: string;
+
+  /**
+   * Controls automatic text capitalization behavior.
+   * Options: 'none', 'sentences', 'words', 'characters'
+   * Default: 'none'
+   */
+  autocapitalize?: string;
+
+  /**
+   * Whether to enable autocorrect.
+   * Default: true
+   */
+  autocorrect?: boolean;
+
+  /**
+   * Whether to show input suggestions.
+   * Default: true
+   */
+  enablesuggestions?: boolean;
+
+  /**
+   * Hint for the keyboard action button.
+   * Options: 'done', 'go', 'next', 'search', 'send', 'previous', 'newline'
+   */
+  enterkeyhint?: string;
+
+  /**
+   * Maximum number of lines for the input. Use for multi-line input.
+   */
+  maxlines?: string;
+
+  /**
+   * Minimum number of lines for the input.
+   */
+  minlines?: string;
+
+  /**
+   * Color of the cursor (e.g., '#FF0000', 'red').
+   */
+  cursorcolor?: string;
+
+  /**
+   * Color of the text selection highlight (e.g., '#0000FF', 'blue').
+   */
+  selectioncolor?: string;
+
+  /**
+   * Character used to obscure text in password mode.
+   * Default: '•'
+   */
+  obscuringcharacter?: string;
 }
 
 /**
@@ -86,4 +144,7 @@ interface FlutterShadcnInputEvents {
 
   /** Fired when input loses focus. */
   blur: Event;
+
+  /** Fired when the user submits the input (e.g., presses Enter/Done). */
+  submit: Event;
 }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/input.dart b/native_uis/webf_shadcn_ui/lib/src/components/input.dart
index ff6c040af7..1a5580c0d5 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/input.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/input.dart
@@ -26,6 +26,16 @@ class FlutterShadcnInput extends FlutterShadcnInputBindings {
   String? _pattern;
   bool _required = false;
   bool _autofocus = false;
+  TextAlign _textAlign = TextAlign.start;
+  TextCapitalization _textCapitalization = TextCapitalization.none;
+  bool _autocorrect = true;
+  bool _enableSuggestions = true;
+  TextInputAction? _textInputAction;
+  int? _maxLines = 1;
+  int? _minLines;
+  Color? _cursorColor;
+  Color? _selectionColor;
+  String _obscuringCharacter = '•';
 
   @override
   String get value => _value;
@@ -144,6 +154,233 @@ class FlutterShadcnInput extends FlutterShadcnInputBindings {
     }
   }
 
+  @override
+  String get textalign => _textAlign.name;
+
+  @override
+  set textalign(value) {
+    final newValue = _parseTextAlign(value?.toString() ?? 'start');
+    if (newValue != _textAlign) {
+      _textAlign = newValue;
+      state?.requestUpdateState(() {});
+    }
+  }
+
+  @override
+  String get autocapitalize => _textCapitalizationToString(_textCapitalization);
+
+  @override
+  set autocapitalize(value) {
+    final newValue = _parseTextCapitalization(value?.toString() ?? 'none');
+    if (newValue != _textCapitalization) {
+      _textCapitalization = newValue;
+      state?.requestUpdateState(() {});
+    }
+  }
+
+  @override
+  bool get autocorrect => _autocorrect;
+
+  @override
+  set autocorrect(value) {
+    final newValue = value != false;
+    if (newValue != _autocorrect) {
+      _autocorrect = newValue;
+      state?.requestUpdateState(() {});
+    }
+  }
+
+  @override
+  bool get enablesuggestions => _enableSuggestions;
+
+  @override
+  set enablesuggestions(value) {
+    final newValue = value != false;
+    if (newValue != _enableSuggestions) {
+      _enableSuggestions = newValue;
+      state?.requestUpdateState(() {});
+    }
+  }
+
+  @override
+  String? get enterkeyhint =>
+      _textInputAction != null ? _textInputActionToString(_textInputAction!) : null;
+
+  @override
+  set enterkeyhint(value) {
+    final newValue = value != null ? _parseTextInputAction(value.toString()) : null;
+    if (newValue != _textInputAction) {
+      _textInputAction = newValue;
+      state?.requestUpdateState(() {});
+    }
+  }
+
+  @override
+  String? get maxlines => _maxLines?.toString();
+
+  @override
+  set maxlines(value) {
+    final newValue = value != null ? int.tryParse(value.toString()) : null;
+    if (newValue != _maxLines) {
+      _maxLines = newValue;
+      state?.requestUpdateState(() {});
+    }
+  }
+
+  @override
+  String? get minlines => _minLines?.toString();
+
+  @override
+  set minlines(value) {
+    final newValue = value != null ? int.tryParse(value.toString()) : null;
+    if (newValue != _minLines) {
+      _minLines = newValue;
+      state?.requestUpdateState(() {});
+    }
+  }
+
+  @override
+  String? get cursorcolor => _cursorColor != null
+      ? '#${_cursorColor!.value.toRadixString(16).padLeft(8, '0')}'
+      : null;
+
+  @override
+  set cursorcolor(value) {
+    final newValue = value != null ? _parseColor(value.toString()) : null;
+    if (newValue != _cursorColor) {
+      _cursorColor = newValue;
+      state?.requestUpdateState(() {});
+    }
+  }
+
+  @override
+  String? get selectioncolor => _selectionColor != null
+      ? '#${_selectionColor!.value.toRadixString(16).padLeft(8, '0')}'
+      : null;
+
+  @override
+  set selectioncolor(value) {
+    final newValue = value != null ? _parseColor(value.toString()) : null;
+    if (newValue != _selectionColor) {
+      _selectionColor = newValue;
+      state?.requestUpdateState(() {});
+    }
+  }
+
+  @override
+  String get obscuringcharacter => _obscuringCharacter;
+
+  @override
+  set obscuringcharacter(value) {
+    final newValue = value?.toString() ?? '•';
+    if (newValue.isNotEmpty && newValue != _obscuringCharacter) {
+      _obscuringCharacter = newValue.characters.first;
+      state?.requestUpdateState(() {});
+    }
+  }
+
+  // --- Parsing helpers ---
+
+  static TextAlign _parseTextAlign(String value) {
+    switch (value.toLowerCase()) {
+      case 'left':
+        return TextAlign.left;
+      case 'right':
+        return TextAlign.right;
+      case 'center':
+        return TextAlign.center;
+      case 'end':
+        return TextAlign.end;
+      case 'start':
+      default:
+        return TextAlign.start;
+    }
+  }
+
+  static TextCapitalization _parseTextCapitalization(String value) {
+    switch (value.toLowerCase()) {
+      case 'sentences':
+        return TextCapitalization.sentences;
+      case 'words':
+        return TextCapitalization.words;
+      case 'characters':
+        return TextCapitalization.characters;
+      case 'none':
+      default:
+        return TextCapitalization.none;
+    }
+  }
+
+  static String _textCapitalizationToString(TextCapitalization value) {
+    switch (value) {
+      case TextCapitalization.sentences:
+        return 'sentences';
+      case TextCapitalization.words:
+        return 'words';
+      case TextCapitalization.characters:
+        return 'characters';
+      case TextCapitalization.none:
+        return 'none';
+    }
+  }
+
+  static TextInputAction _parseTextInputAction(String value) {
+    switch (value.toLowerCase()) {
+      case 'done':
+        return TextInputAction.done;
+      case 'go':
+        return TextInputAction.go;
+      case 'next':
+        return TextInputAction.next;
+      case 'search':
+        return TextInputAction.search;
+      case 'send':
+        return TextInputAction.send;
+      case 'previous':
+        return TextInputAction.previous;
+      case 'newline':
+        return TextInputAction.newline;
+      default:
+        return TextInputAction.done;
+    }
+  }
+
+  static String _textInputActionToString(TextInputAction value) {
+    switch (value) {
+      case TextInputAction.done:
+        return 'done';
+      case TextInputAction.go:
+        return 'go';
+      case TextInputAction.next:
+        return 'next';
+      case TextInputAction.search:
+        return 'search';
+      case TextInputAction.send:
+        return 'send';
+      case TextInputAction.previous:
+        return 'previous';
+      case TextInputAction.newline:
+        return 'newline';
+      default:
+        return 'done';
+    }
+  }
+
+  static Color? _parseColor(String value) {
+    final trimmed = value.trim().toLowerCase();
+    if (trimmed.startsWith('#')) {
+      final hex = trimmed.substring(1);
+      if (hex.length == 6) {
+        final intValue = int.tryParse(hex, radix: 16);
+        if (intValue != null) return Color(0xFF000000 | intValue);
+      } else if (hex.length == 8) {
+        final intValue = int.tryParse(hex, radix: 16);
+        if (intValue != null) return Color(intValue);
+      }
+    }
+    return null;
+  }
+
   TextInputType get keyboardType {
     switch (_type.toLowerCase()) {
       case 'email':
@@ -224,13 +461,27 @@ class FlutterShadcnInputState extends WebFWidgetElementState {
       enabled: !widgetElement.disabled,
       readOnly: widgetElement.readonly,
       obscureText: widgetElement.obscureText,
+      obscuringCharacter: widgetElement._obscuringCharacter,
       keyboardType: widgetElement.keyboardType,
+      textInputAction: widgetElement._textInputAction,
+      textCapitalization: widgetElement._textCapitalization,
+      textAlign: widgetElement._textAlign,
       autofocus: widgetElement.autofocus,
+      autocorrect: widgetElement._autocorrect,
+      enableSuggestions: widgetElement._enableSuggestions,
+      maxLines: widgetElement._maxLines,
+      minLines: widgetElement._minLines,
+      cursorColor: widgetElement._cursorColor,
+      selectionColor: widgetElement._selectionColor,
       inputFormatters: inputFormatters,
       onChanged: (value) {
         widgetElement._value = value;
         widgetElement.dispatchEvent(Event('input'));
       },
+      onSubmitted: (value) {
+        widgetElement._value = value;
+        widgetElement.dispatchEvent(Event('submit'));
+      },
     );
   }
 }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/input_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/input_bindings_generated.dart
index 1108f93151..bce8ebc9b1 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/input_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/input_bindings_generated.dart
@@ -30,6 +30,26 @@ abstract class FlutterShadcnInputBindings extends WidgetElement {
   set required(value);
   bool get autofocus;
   set autofocus(value);
+  String? get textalign;
+  set textalign(value);
+  String? get autocapitalize;
+  set autocapitalize(value);
+  bool get autocorrect;
+  set autocorrect(value);
+  bool get enablesuggestions;
+  set enablesuggestions(value);
+  String? get enterkeyhint;
+  set enterkeyhint(value);
+  String? get maxlines;
+  set maxlines(value);
+  String? get minlines;
+  set minlines(value);
+  String? get cursorcolor;
+  set cursorcolor(value);
+  String? get selectioncolor;
+  set selectioncolor(value);
+  String? get obscuringcharacter;
+  set obscuringcharacter(value);
   @override
   void initializeAttributes(Map<String, ElementAttributeProperty> attributes) {
     super.initializeAttributes(attributes);
@@ -83,6 +103,56 @@ abstract class FlutterShadcnInputBindings extends WidgetElement {
       setter: (value) => this.autofocus = value == 'true' || value == '',
       deleter: () => autofocus = false
     );
+    attributes['textalign'] = ElementAttributeProperty(
+      getter: () => textalign?.toString(),
+      setter: (value) => this.textalign = value,
+      deleter: () => textalign = null
+    );
+    attributes['autocapitalize'] = ElementAttributeProperty(
+      getter: () => autocapitalize?.toString(),
+      setter: (value) => this.autocapitalize = value,
+      deleter: () => autocapitalize = null
+    );
+    attributes['autocorrect'] = ElementAttributeProperty(
+      getter: () => autocorrect.toString(),
+      setter: (value) => this.autocorrect = value == 'true' || value == '',
+      deleter: () => autocorrect = true
+    );
+    attributes['enablesuggestions'] = ElementAttributeProperty(
+      getter: () => enablesuggestions.toString(),
+      setter: (value) => this.enablesuggestions = value == 'true' || value == '',
+      deleter: () => enablesuggestions = true
+    );
+    attributes['enterkeyhint'] = ElementAttributeProperty(
+      getter: () => enterkeyhint?.toString(),
+      setter: (value) => this.enterkeyhint = value,
+      deleter: () => enterkeyhint = null
+    );
+    attributes['maxlines'] = ElementAttributeProperty(
+      getter: () => maxlines?.toString(),
+      setter: (value) => this.maxlines = value,
+      deleter: () => maxlines = null
+    );
+    attributes['minlines'] = ElementAttributeProperty(
+      getter: () => minlines?.toString(),
+      setter: (value) => this.minlines = value,
+      deleter: () => minlines = null
+    );
+    attributes['cursorcolor'] = ElementAttributeProperty(
+      getter: () => cursorcolor?.toString(),
+      setter: (value) => this.cursorcolor = value,
+      deleter: () => cursorcolor = null
+    );
+    attributes['selectioncolor'] = ElementAttributeProperty(
+      getter: () => selectioncolor?.toString(),
+      setter: (value) => this.selectioncolor = value,
+      deleter: () => selectioncolor = null
+    );
+    attributes['obscuringcharacter'] = ElementAttributeProperty(
+      getter: () => obscuringcharacter?.toString(),
+      setter: (value) => this.obscuringcharacter = value,
+      deleter: () => obscuringcharacter = null
+    );
   }
   static StaticDefinedBindingPropertyMap flutterShadcnInputProperties = {
     'value': StaticDefinedBindingProperty(
@@ -135,6 +205,56 @@ abstract class FlutterShadcnInputBindings extends WidgetElement {
       setter: (element, value) =>
       castToType<FlutterShadcnInputBindings>(element).autofocus = value,
     ),
+    'textalign': StaticDefinedBindingProperty(
+      getter: (element) => castToType<FlutterShadcnInputBindings>(element).textalign,
+      setter: (element, value) =>
+      castToType<FlutterShadcnInputBindings>(element).textalign = value,
+    ),
+    'autocapitalize': StaticDefinedBindingProperty(
+      getter: (element) => castToType<FlutterShadcnInputBindings>(element).autocapitalize,
+      setter: (element, value) =>
+      castToType<FlutterShadcnInputBindings>(element).autocapitalize = value,
+    ),
+    'autocorrect': StaticDefinedBindingProperty(
+      getter: (element) => castToType<FlutterShadcnInputBindings>(element).autocorrect,
+      setter: (element, value) =>
+      castToType<FlutterShadcnInputBindings>(element).autocorrect = value,
+    ),
+    'enablesuggestions': StaticDefinedBindingProperty(
+      getter: (element) => castToType<FlutterShadcnInputBindings>(element).enablesuggestions,
+      setter: (element, value) =>
+      castToType<FlutterShadcnInputBindings>(element).enablesuggestions = value,
+    ),
+    'enterkeyhint': StaticDefinedBindingProperty(
+      getter: (element) => castToType<FlutterShadcnInputBindings>(element).enterkeyhint,
+      setter: (element, value) =>
+      castToType<FlutterShadcnInputBindings>(element).enterkeyhint = value,
+    ),
+    'maxlines': StaticDefinedBindingProperty(
+      getter: (element) => castToType<FlutterShadcnInputBindings>(element).maxlines,
+      setter: (element, value) =>
+      castToType<FlutterShadcnInputBindings>(element).maxlines = value,
+    ),
+    'minlines': StaticDefinedBindingProperty(
+      getter: (element) => castToType<FlutterShadcnInputBindings>(element).minlines,
+      setter: (element, value) =>
+      castToType<FlutterShadcnInputBindings>(element).minlines = value,
+    ),
+    'cursorcolor': StaticDefinedBindingProperty(
+      getter: (element) => castToType<FlutterShadcnInputBindings>(element).cursorcolor,
+      setter: (element, value) =>
+      castToType<FlutterShadcnInputBindings>(element).cursorcolor = value,
+    ),
+    'selectioncolor': StaticDefinedBindingProperty(
+      getter: (element) => castToType<FlutterShadcnInputBindings>(element).selectioncolor,
+      setter: (element, value) =>
+      castToType<FlutterShadcnInputBindings>(element).selectioncolor = value,
+    ),
+    'obscuringcharacter': StaticDefinedBindingProperty(
+      getter: (element) => castToType<FlutterShadcnInputBindings>(element).obscuringcharacter,
+      setter: (element, value) =>
+      castToType<FlutterShadcnInputBindings>(element).obscuringcharacter = value,
+    ),
   };
   @override
   List<StaticDefinedBindingPropertyMap> get properties => [

From 119f76a14f5e2bcfec2f03a88e9b97b2054271d1 Mon Sep 17 00:00:00 2001
From: CGQAQ <m.jason.liu@outlook.com>
Date: Wed, 11 Feb 2026 19:52:42 +0800
Subject: [PATCH 2/8] feat(shadcn-ui): regenerate bindings and add input demo
 page

Run `webf codegen` to regenerate all Dart bindings and produce the
React package at packages/react-shadcn-ui with the new input properties.
Update ShadcnInputPage with demos for text alignment, autocapitalize,
autocorrect, enterkeyhint, multi-line, cursor/selection colors, and
obscuring character.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../accordion_bindings_generated.dart         |    6 +-
 .../components/alert_bindings_generated.dart  |    4 +-
 .../components/avatar_bindings_generated.dart |    8 +-
 .../components/badge_bindings_generated.dart  |    2 +-
 .../breadcrumb_bindings_generated.dart        |    4 +-
 .../components/button_bindings_generated.dart |   10 +-
 .../calendar_bindings_generated.dart          |   26 +-
 .../checkbox_bindings_generated.dart          |    6 +-
 .../collapsible_bindings_generated.dart       |    4 +-
 .../combobox_bindings_generated.dart          |   12 +-
 .../context_menu_bindings_generated.dart      |    2 +-
 .../date_picker_bindings_generated.dart       |    8 +-
 .../components/dialog_bindings_generated.dart |    4 +-
 .../dropdown_menu_bindings_generated.dart     |    2 +-
 .../components/form_bindings_generated.dart   |   49 +-
 .../icon_button_bindings_generated.dart       |   10 +-
 .../components/image_bindings_generated.dart  |   10 +-
 .../components/input_bindings_generated.dart  |   44 +-
 .../popover_bindings_generated.dart           |    6 +-
 .../progress_bindings_generated.dart          |    6 +-
 .../components/radio_bindings_generated.dart  |    6 +-
 .../scroll_area_bindings_generated.dart       |    2 +-
 .../components/select_bindings_generated.dart |   16 +-
 .../separator_bindings_generated.dart         |    2 +-
 .../components/sheet_bindings_generated.dart  |    6 +-
 .../skeleton_bindings_generated.dart          |    6 +-
 .../components/slider_bindings_generated.dart |   12 +-
 .../components/switch_bindings_generated.dart |    4 +-
 .../components/tabs_bindings_generated.dart   |    4 +-
 .../textarea_bindings_generated.dart          |   16 +-
 .../time_picker_bindings_generated.dart       |    8 +-
 .../components/toast_bindings_generated.dart  |   10 +-
 .../tooltip_bindings_generated.dart           |    8 +-
 .../src/theme/theme_bindings_generated.dart   |    6 +-
 packages/react-shadcn-ui/.gitignore           |    9 +
 packages/react-shadcn-ui/README.md            |  206 +++
 packages/react-shadcn-ui/global.d.ts          |    2 +
 packages/react-shadcn-ui/package-lock.json    | 1244 +++++++++++++++++
 packages/react-shadcn-ui/package.json         |   41 +
 packages/react-shadcn-ui/src/index.ts         |   78 ++
 packages/react-shadcn-ui/src/types.ts         |    2 +
 packages/react-shadcn-ui/tsconfig.json        |   23 +
 packages/react-shadcn-ui/tsdown.config.ts     |    8 +
 .../src/pages/shadcn/ShadcnInputPage.tsx      |  128 +-
 44 files changed, 1876 insertions(+), 194 deletions(-)
 create mode 100644 packages/react-shadcn-ui/.gitignore
 create mode 100644 packages/react-shadcn-ui/README.md
 create mode 100644 packages/react-shadcn-ui/global.d.ts
 create mode 100644 packages/react-shadcn-ui/package-lock.json
 create mode 100644 packages/react-shadcn-ui/package.json
 create mode 100644 packages/react-shadcn-ui/src/index.ts
 create mode 100644 packages/react-shadcn-ui/src/types.ts
 create mode 100644 packages/react-shadcn-ui/tsconfig.json
 create mode 100644 packages/react-shadcn-ui/tsdown.config.ts

diff --git a/native_uis/webf_shadcn_ui/lib/src/components/accordion_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/accordion_bindings_generated.dart
index 2b709c349e..6e918b5639 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/accordion_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/accordion_bindings_generated.dart
@@ -21,17 +21,17 @@ abstract class FlutterShadcnAccordionBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['type'] = ElementAttributeProperty(
       getter: () => type?.toString(),
-      setter: (value) => this.type = value,
+      setter: (value) => type = value,
       deleter: () => type = null
     );
     attributes['value'] = ElementAttributeProperty(
       getter: () => value?.toString(),
-      setter: (value) => this.value = value,
+      setter: (value) => value = value,
       deleter: () => value = null
     );
     attributes['collapsible'] = ElementAttributeProperty(
       getter: () => collapsible.toString(),
-      setter: (value) => this.collapsible = value == 'true' || value == '',
+      setter: (value) => collapsible = value == 'true' || value == '',
       deleter: () => collapsible = false
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/alert_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/alert_bindings_generated.dart
index 083d946088..cc19ef5650 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/alert_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/alert_bindings_generated.dart
@@ -19,12 +19,12 @@ abstract class FlutterShadcnAlertBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['variant'] = ElementAttributeProperty(
       getter: () => variant?.toString(),
-      setter: (value) => this.variant = value,
+      setter: (value) => variant = value,
       deleter: () => variant = null
     );
     attributes['icon'] = ElementAttributeProperty(
       getter: () => icon?.toString(),
-      setter: (value) => this.icon = value,
+      setter: (value) => icon = value,
       deleter: () => icon = null
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/avatar_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/avatar_bindings_generated.dart
index 3e89eb61b2..b7f915709e 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/avatar_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/avatar_bindings_generated.dart
@@ -23,22 +23,22 @@ abstract class FlutterShadcnAvatarBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['src'] = ElementAttributeProperty(
       getter: () => src?.toString(),
-      setter: (value) => this.src = value,
+      setter: (value) => src = value,
       deleter: () => src = null
     );
     attributes['alt'] = ElementAttributeProperty(
       getter: () => alt?.toString(),
-      setter: (value) => this.alt = value,
+      setter: (value) => alt = value,
       deleter: () => alt = null
     );
     attributes['fallback'] = ElementAttributeProperty(
       getter: () => fallback?.toString(),
-      setter: (value) => this.fallback = value,
+      setter: (value) => fallback = value,
       deleter: () => fallback = null
     );
     attributes['size'] = ElementAttributeProperty(
       getter: () => size?.toString(),
-      setter: (value) => this.size = value,
+      setter: (value) => size = value,
       deleter: () => size = null
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/badge_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/badge_bindings_generated.dart
index 4497f88010..03ab361024 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/badge_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/badge_bindings_generated.dart
@@ -17,7 +17,7 @@ abstract class FlutterShadcnBadgeBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['variant'] = ElementAttributeProperty(
       getter: () => variant?.toString(),
-      setter: (value) => this.variant = value,
+      setter: (value) => variant = value,
       deleter: () => variant = null
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/breadcrumb_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/breadcrumb_bindings_generated.dart
index 7262103791..520842caa4 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/breadcrumb_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/breadcrumb_bindings_generated.dart
@@ -37,12 +37,12 @@ abstract class FlutterShadcnBreadcrumbBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['spacing'] = ElementAttributeProperty(
       getter: () => spacing?.toString(),
-      setter: (value) => this.spacing = double.tryParse(value) ?? 0.0,
+      setter: (value) => spacing = double.tryParse(value) ?? 0.0,
       deleter: () => spacing = 0.0
     );
     attributes['separator'] = ElementAttributeProperty(
       getter: () => separator?.value,
-      setter: (value) => this.separator = FlutterShadcnBreadcrumbSeparator.parse(value),
+      setter: (value) => separator = FlutterShadcnBreadcrumbSeparator.parse(value),
       deleter: () => separator = null
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/button_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/button_bindings_generated.dart
index 6184a0a4d8..514c72f8d3 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/button_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/button_bindings_generated.dart
@@ -25,27 +25,27 @@ abstract class FlutterShadcnButtonBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['variant'] = ElementAttributeProperty(
       getter: () => variant?.toString(),
-      setter: (value) => this.variant = value,
+      setter: (value) => variant = value,
       deleter: () => variant = null
     );
     attributes['size'] = ElementAttributeProperty(
       getter: () => size?.toString(),
-      setter: (value) => this.size = value,
+      setter: (value) => size = value,
       deleter: () => size = null
     );
     attributes['disabled'] = ElementAttributeProperty(
       getter: () => disabled.toString(),
-      setter: (value) => this.disabled = value == 'true' || value == '',
+      setter: (value) => disabled = value == 'true' || value == '',
       deleter: () => disabled = false
     );
     attributes['loading'] = ElementAttributeProperty(
       getter: () => loading.toString(),
-      setter: (value) => this.loading = value == 'true' || value == '',
+      setter: (value) => loading = value == 'true' || value == '',
       deleter: () => loading = false
     );
     attributes['icon'] = ElementAttributeProperty(
       getter: () => icon?.toString(),
-      setter: (value) => this.icon = value,
+      setter: (value) => icon = value,
       deleter: () => icon = null
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/calendar_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/calendar_bindings_generated.dart
index 9bc3124bd7..78dc042e48 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/calendar_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/calendar_bindings_generated.dart
@@ -74,67 +74,67 @@ abstract class FlutterShadcnCalendarBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['mode'] = ElementAttributeProperty(
       getter: () => mode?.value,
-      setter: (value) => this.mode = FlutterShadcnCalendarMode.parse(value),
+      setter: (value) => mode = FlutterShadcnCalendarMode.parse(value),
       deleter: () => mode = null
     );
     attributes['value'] = ElementAttributeProperty(
       getter: () => value?.toString(),
-      setter: (value) => this.value = value,
+      setter: (value) => value = value,
       deleter: () => value = null
     );
     attributes['disabled'] = ElementAttributeProperty(
       getter: () => disabled.toString(),
-      setter: (value) => this.disabled = value == 'true' || value == '',
+      setter: (value) => disabled = value == 'true' || value == '',
       deleter: () => disabled = false
     );
     attributes['min'] = ElementAttributeProperty(
       getter: () => min?.toString(),
-      setter: (value) => this.min = value,
+      setter: (value) => min = value,
       deleter: () => min = null
     );
     attributes['max'] = ElementAttributeProperty(
       getter: () => max?.toString(),
-      setter: (value) => this.max = value,
+      setter: (value) => max = value,
       deleter: () => max = null
     );
     attributes['caption-layout'] = ElementAttributeProperty(
       getter: () => captionLayout?.value,
-      setter: (value) => this.captionLayout = FlutterShadcnCalendarCaptionLayout.parse(value),
+      setter: (value) => captionLayout = FlutterShadcnCalendarCaptionLayout.parse(value),
       deleter: () => captionLayout = null
     );
     attributes['hide-navigation'] = ElementAttributeProperty(
       getter: () => hideNavigation.toString(),
-      setter: (value) => this.hideNavigation = value == 'true' || value == '',
+      setter: (value) => hideNavigation = value == 'true' || value == '',
       deleter: () => hideNavigation = false
     );
     attributes['show-week-numbers'] = ElementAttributeProperty(
       getter: () => showWeekNumbers.toString(),
-      setter: (value) => this.showWeekNumbers = value == 'true' || value == '',
+      setter: (value) => showWeekNumbers = value == 'true' || value == '',
       deleter: () => showWeekNumbers = false
     );
     attributes['show-outside-days'] = ElementAttributeProperty(
       getter: () => showOutsideDays.toString(),
-      setter: (value) => this.showOutsideDays = value == 'true' || value == '',
+      setter: (value) => showOutsideDays = value == 'true' || value == '',
       deleter: () => showOutsideDays = false
     );
     attributes['fixed-weeks'] = ElementAttributeProperty(
       getter: () => fixedWeeks.toString(),
-      setter: (value) => this.fixedWeeks = value == 'true' || value == '',
+      setter: (value) => fixedWeeks = value == 'true' || value == '',
       deleter: () => fixedWeeks = false
     );
     attributes['hide-weekday-names'] = ElementAttributeProperty(
       getter: () => hideWeekdayNames.toString(),
-      setter: (value) => this.hideWeekdayNames = value == 'true' || value == '',
+      setter: (value) => hideWeekdayNames = value == 'true' || value == '',
       deleter: () => hideWeekdayNames = false
     );
     attributes['number-of-months'] = ElementAttributeProperty(
       getter: () => numberOfMonths?.toString(),
-      setter: (value) => this.numberOfMonths = double.tryParse(value) ?? 0.0,
+      setter: (value) => numberOfMonths = double.tryParse(value) ?? 0.0,
       deleter: () => numberOfMonths = 0.0
     );
     attributes['allow-deselection'] = ElementAttributeProperty(
       getter: () => allowDeselection.toString(),
-      setter: (value) => this.allowDeselection = value == 'true' || value == '',
+      setter: (value) => allowDeselection = value == 'true' || value == '',
       deleter: () => allowDeselection = false
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/checkbox_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/checkbox_bindings_generated.dart
index 9ec18afde8..10a9765d80 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/checkbox_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/checkbox_bindings_generated.dart
@@ -21,17 +21,17 @@ abstract class FlutterShadcnCheckboxBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['checked'] = ElementAttributeProperty(
       getter: () => checked.toString(),
-      setter: (value) => this.checked = value == 'true' || value == '',
+      setter: (value) => checked = value == 'true' || value == '',
       deleter: () => checked = false
     );
     attributes['disabled'] = ElementAttributeProperty(
       getter: () => disabled.toString(),
-      setter: (value) => this.disabled = value == 'true' || value == '',
+      setter: (value) => disabled = value == 'true' || value == '',
       deleter: () => disabled = false
     );
     attributes['indeterminate'] = ElementAttributeProperty(
       getter: () => indeterminate.toString(),
-      setter: (value) => this.indeterminate = value == 'true' || value == '',
+      setter: (value) => indeterminate = value == 'true' || value == '',
       deleter: () => indeterminate = false
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/collapsible_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/collapsible_bindings_generated.dart
index c60aa8957a..17e9128e55 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/collapsible_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/collapsible_bindings_generated.dart
@@ -19,12 +19,12 @@ abstract class FlutterShadcnCollapsibleBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['open'] = ElementAttributeProperty(
       getter: () => open.toString(),
-      setter: (value) => this.open = value == 'true' || value == '',
+      setter: (value) => open = value == 'true' || value == '',
       deleter: () => open = false
     );
     attributes['disabled'] = ElementAttributeProperty(
       getter: () => disabled.toString(),
-      setter: (value) => this.disabled = value == 'true' || value == '',
+      setter: (value) => disabled = value == 'true' || value == '',
       deleter: () => disabled = false
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/combobox_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/combobox_bindings_generated.dart
index 667c557b77..8062af8c57 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/combobox_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/combobox_bindings_generated.dart
@@ -27,32 +27,32 @@ abstract class FlutterShadcnComboboxBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['value'] = ElementAttributeProperty(
       getter: () => value?.toString(),
-      setter: (value) => this.value = value,
+      setter: (value) => value = value,
       deleter: () => value = null
     );
     attributes['placeholder'] = ElementAttributeProperty(
       getter: () => placeholder?.toString(),
-      setter: (value) => this.placeholder = value,
+      setter: (value) => placeholder = value,
       deleter: () => placeholder = null
     );
     attributes['search-placeholder'] = ElementAttributeProperty(
       getter: () => searchPlaceholder?.toString(),
-      setter: (value) => this.searchPlaceholder = value,
+      setter: (value) => searchPlaceholder = value,
       deleter: () => searchPlaceholder = null
     );
     attributes['empty-text'] = ElementAttributeProperty(
       getter: () => emptyText?.toString(),
-      setter: (value) => this.emptyText = value,
+      setter: (value) => emptyText = value,
       deleter: () => emptyText = null
     );
     attributes['disabled'] = ElementAttributeProperty(
       getter: () => disabled.toString(),
-      setter: (value) => this.disabled = value == 'true' || value == '',
+      setter: (value) => disabled = value == 'true' || value == '',
       deleter: () => disabled = false
     );
     attributes['clearable'] = ElementAttributeProperty(
       getter: () => clearable.toString(),
-      setter: (value) => this.clearable = value == 'true' || value == '',
+      setter: (value) => clearable = value == 'true' || value == '',
       deleter: () => clearable = false
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/context_menu_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/context_menu_bindings_generated.dart
index 3fa578d47f..67f1823396 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/context_menu_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/context_menu_bindings_generated.dart
@@ -17,7 +17,7 @@ abstract class FlutterShadcnContextMenuBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['open'] = ElementAttributeProperty(
       getter: () => open.toString(),
-      setter: (value) => this.open = value == 'true' || value == '',
+      setter: (value) => open = value == 'true' || value == '',
       deleter: () => open = false
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/date_picker_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/date_picker_bindings_generated.dart
index ea847cc407..f2a1488aa7 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/date_picker_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/date_picker_bindings_generated.dart
@@ -23,22 +23,22 @@ abstract class FlutterShadcnDatePickerBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['value'] = ElementAttributeProperty(
       getter: () => value?.toString(),
-      setter: (value) => this.value = value,
+      setter: (value) => value = value,
       deleter: () => value = null
     );
     attributes['placeholder'] = ElementAttributeProperty(
       getter: () => placeholder?.toString(),
-      setter: (value) => this.placeholder = value,
+      setter: (value) => placeholder = value,
       deleter: () => placeholder = null
     );
     attributes['disabled'] = ElementAttributeProperty(
       getter: () => disabled.toString(),
-      setter: (value) => this.disabled = value == 'true' || value == '',
+      setter: (value) => disabled = value == 'true' || value == '',
       deleter: () => disabled = false
     );
     attributes['format'] = ElementAttributeProperty(
       getter: () => format?.toString(),
-      setter: (value) => this.format = value,
+      setter: (value) => format = value,
       deleter: () => format = null
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/dialog_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/dialog_bindings_generated.dart
index adcbf779b8..a9203b5eb4 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/dialog_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/dialog_bindings_generated.dart
@@ -19,12 +19,12 @@ abstract class FlutterShadcnDialogBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['open'] = ElementAttributeProperty(
       getter: () => open.toString(),
-      setter: (value) => this.open = value == 'true' || value == '',
+      setter: (value) => open = value == 'true' || value == '',
       deleter: () => open = false
     );
     attributes['close-on-outside-click'] = ElementAttributeProperty(
       getter: () => closeOnOutsideClick.toString(),
-      setter: (value) => this.closeOnOutsideClick = value == 'true' || value == '',
+      setter: (value) => closeOnOutsideClick = value == 'true' || value == '',
       deleter: () => closeOnOutsideClick = false
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/dropdown_menu_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/dropdown_menu_bindings_generated.dart
index 84e3e2a934..d3e66cdfb8 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/dropdown_menu_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/dropdown_menu_bindings_generated.dart
@@ -17,7 +17,7 @@ abstract class FlutterShadcnDropdownMenuBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['open'] = ElementAttributeProperty(
       getter: () => open.toString(),
-      setter: (value) => this.open = value == 'true' || value == '',
+      setter: (value) => open = value == 'true' || value == '',
       deleter: () => open = false
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/form_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/form_bindings_generated.dart
index 0180492924..2af252a3d2 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/form_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/form_bindings_generated.dart
@@ -38,17 +38,17 @@ abstract class FlutterShadcnFormBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['disabled'] = ElementAttributeProperty(
       getter: () => disabled.toString(),
-      setter: (value) => this.disabled = value == 'true' || value == '',
+      setter: (value) => disabled = value == 'true' || value == '',
       deleter: () => disabled = false
     );
     attributes['auto-validate-mode'] = ElementAttributeProperty(
       getter: () => autoValidateMode?.value,
-      setter: (value) => this.autoValidateMode = FlutterShadcnFormAutoValidateMode.parse(value),
+      setter: (value) => autoValidateMode = FlutterShadcnFormAutoValidateMode.parse(value),
       deleter: () => autoValidateMode = null
     );
     attributes['value'] = ElementAttributeProperty(
       getter: () => value?.toString(),
-      setter: (value) => this.value = value,
+      setter: (value) => value = value,
       deleter: () => value = null
     );
   }
@@ -74,47 +74,4 @@ abstract class FlutterShadcnFormBindings extends WidgetElement {
     ...super.properties,
     flutterShadcnFormProperties,
   ];
-  bool validate(List<dynamic> args);
-  bool submit(List<dynamic> args);
-  void reset(List<dynamic> args);
-  dynamic getFieldValue(List<dynamic> args);
-  void setFieldValue(List<dynamic> args);
-  void setFieldError(List<dynamic> args);
-  static StaticDefinedSyncBindingObjectMethodMap flutterShadcnFormMethods = {
-    'validate': StaticDefinedSyncBindingObjectMethod(
-      call: (element, args) {
-        return castToType<FlutterShadcnFormBindings>(element).validate(args);
-      },
-    ),
-    'submit': StaticDefinedSyncBindingObjectMethod(
-      call: (element, args) {
-        return castToType<FlutterShadcnFormBindings>(element).submit(args);
-      },
-    ),
-    'reset': StaticDefinedSyncBindingObjectMethod(
-      call: (element, args) {
-        return castToType<FlutterShadcnFormBindings>(element).reset(args);
-      },
-    ),
-    'getFieldValue': StaticDefinedSyncBindingObjectMethod(
-      call: (element, args) {
-        return castToType<FlutterShadcnFormBindings>(element).getFieldValue(args);
-      },
-    ),
-    'setFieldValue': StaticDefinedSyncBindingObjectMethod(
-      call: (element, args) {
-        return castToType<FlutterShadcnFormBindings>(element).setFieldValue(args);
-      },
-    ),
-    'setFieldError': StaticDefinedSyncBindingObjectMethod(
-      call: (element, args) {
-        return castToType<FlutterShadcnFormBindings>(element).setFieldError(args);
-      },
-    ),
-  };
-  @override
-  List<StaticDefinedSyncBindingObjectMethodMap> get methods => [
-    ...super.methods,
-    flutterShadcnFormMethods,
-  ];
 }
\ No newline at end of file
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/icon_button_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/icon_button_bindings_generated.dart
index 67e702a816..d55e32d88e 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/icon_button_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/icon_button_bindings_generated.dart
@@ -43,27 +43,27 @@ abstract class FlutterShadcnIconButtonBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['variant'] = ElementAttributeProperty(
       getter: () => variant?.value,
-      setter: (value) => this.variant = FlutterShadcnIconButtonVariant.parse(value),
+      setter: (value) => variant = FlutterShadcnIconButtonVariant.parse(value),
       deleter: () => variant = null
     );
     attributes['icon'] = ElementAttributeProperty(
       getter: () => icon?.toString(),
-      setter: (value) => this.icon = value,
+      setter: (value) => icon = value,
       deleter: () => icon = null
     );
     attributes['icon-size'] = ElementAttributeProperty(
       getter: () => iconSize?.toString(),
-      setter: (value) => this.iconSize = double.tryParse(value) ?? 0.0,
+      setter: (value) => iconSize = double.tryParse(value) ?? 0.0,
       deleter: () => iconSize = 0.0
     );
     attributes['disabled'] = ElementAttributeProperty(
       getter: () => disabled.toString(),
-      setter: (value) => this.disabled = value == 'true' || value == '',
+      setter: (value) => disabled = value == 'true' || value == '',
       deleter: () => disabled = false
     );
     attributes['loading'] = ElementAttributeProperty(
       getter: () => loading.toString(),
-      setter: (value) => this.loading = value == 'true' || value == '',
+      setter: (value) => loading = value == 'true' || value == '',
       deleter: () => loading = false
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/image_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/image_bindings_generated.dart
index 0d4ea2c0a3..03e821342e 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/image_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/image_bindings_generated.dart
@@ -25,27 +25,27 @@ abstract class FlutterShadcnImageBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['src'] = ElementAttributeProperty(
       getter: () => src?.toString(),
-      setter: (value) => this.src = value,
+      setter: (value) => src = value,
       deleter: () => src = null
     );
     attributes['alt'] = ElementAttributeProperty(
       getter: () => alt?.toString(),
-      setter: (value) => this.alt = value,
+      setter: (value) => alt = value,
       deleter: () => alt = null
     );
     attributes['width'] = ElementAttributeProperty(
       getter: () => width?.toString(),
-      setter: (value) => this.width = value,
+      setter: (value) => width = value,
       deleter: () => width = null
     );
     attributes['height'] = ElementAttributeProperty(
       getter: () => height?.toString(),
-      setter: (value) => this.height = value,
+      setter: (value) => height = value,
       deleter: () => height = null
     );
     attributes['fit'] = ElementAttributeProperty(
       getter: () => fit?.toString(),
-      setter: (value) => this.fit = value,
+      setter: (value) => fit = value,
       deleter: () => fit = null
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/input_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/input_bindings_generated.dart
index bce8ebc9b1..3526cc29c7 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/input_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/input_bindings_generated.dart
@@ -55,102 +55,102 @@ abstract class FlutterShadcnInputBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['value'] = ElementAttributeProperty(
       getter: () => value?.toString(),
-      setter: (value) => this.value = value,
+      setter: (value) => value = value,
       deleter: () => value = null
     );
     attributes['placeholder'] = ElementAttributeProperty(
       getter: () => placeholder?.toString(),
-      setter: (value) => this.placeholder = value,
+      setter: (value) => placeholder = value,
       deleter: () => placeholder = null
     );
     attributes['type'] = ElementAttributeProperty(
       getter: () => type?.toString(),
-      setter: (value) => this.type = value,
+      setter: (value) => type = value,
       deleter: () => type = null
     );
     attributes['disabled'] = ElementAttributeProperty(
       getter: () => disabled.toString(),
-      setter: (value) => this.disabled = value == 'true' || value == '',
+      setter: (value) => disabled = value == 'true' || value == '',
       deleter: () => disabled = false
     );
     attributes['readonly'] = ElementAttributeProperty(
       getter: () => readonly.toString(),
-      setter: (value) => this.readonly = value == 'true' || value == '',
+      setter: (value) => readonly = value == 'true' || value == '',
       deleter: () => readonly = false
     );
     attributes['maxlength'] = ElementAttributeProperty(
       getter: () => maxlength?.toString(),
-      setter: (value) => this.maxlength = value,
+      setter: (value) => maxlength = value,
       deleter: () => maxlength = null
     );
     attributes['minlength'] = ElementAttributeProperty(
       getter: () => minlength?.toString(),
-      setter: (value) => this.minlength = value,
+      setter: (value) => minlength = value,
       deleter: () => minlength = null
     );
     attributes['pattern'] = ElementAttributeProperty(
       getter: () => pattern?.toString(),
-      setter: (value) => this.pattern = value,
+      setter: (value) => pattern = value,
       deleter: () => pattern = null
     );
     attributes['required'] = ElementAttributeProperty(
       getter: () => required.toString(),
-      setter: (value) => this.required = value == 'true' || value == '',
+      setter: (value) => required = value == 'true' || value == '',
       deleter: () => required = false
     );
     attributes['autofocus'] = ElementAttributeProperty(
       getter: () => autofocus.toString(),
-      setter: (value) => this.autofocus = value == 'true' || value == '',
+      setter: (value) => autofocus = value == 'true' || value == '',
       deleter: () => autofocus = false
     );
     attributes['textalign'] = ElementAttributeProperty(
       getter: () => textalign?.toString(),
-      setter: (value) => this.textalign = value,
+      setter: (value) => textalign = value,
       deleter: () => textalign = null
     );
     attributes['autocapitalize'] = ElementAttributeProperty(
       getter: () => autocapitalize?.toString(),
-      setter: (value) => this.autocapitalize = value,
+      setter: (value) => autocapitalize = value,
       deleter: () => autocapitalize = null
     );
     attributes['autocorrect'] = ElementAttributeProperty(
       getter: () => autocorrect.toString(),
-      setter: (value) => this.autocorrect = value == 'true' || value == '',
-      deleter: () => autocorrect = true
+      setter: (value) => autocorrect = value == 'true' || value == '',
+      deleter: () => autocorrect = false
     );
     attributes['enablesuggestions'] = ElementAttributeProperty(
       getter: () => enablesuggestions.toString(),
-      setter: (value) => this.enablesuggestions = value == 'true' || value == '',
-      deleter: () => enablesuggestions = true
+      setter: (value) => enablesuggestions = value == 'true' || value == '',
+      deleter: () => enablesuggestions = false
     );
     attributes['enterkeyhint'] = ElementAttributeProperty(
       getter: () => enterkeyhint?.toString(),
-      setter: (value) => this.enterkeyhint = value,
+      setter: (value) => enterkeyhint = value,
       deleter: () => enterkeyhint = null
     );
     attributes['maxlines'] = ElementAttributeProperty(
       getter: () => maxlines?.toString(),
-      setter: (value) => this.maxlines = value,
+      setter: (value) => maxlines = value,
       deleter: () => maxlines = null
     );
     attributes['minlines'] = ElementAttributeProperty(
       getter: () => minlines?.toString(),
-      setter: (value) => this.minlines = value,
+      setter: (value) => minlines = value,
       deleter: () => minlines = null
     );
     attributes['cursorcolor'] = ElementAttributeProperty(
       getter: () => cursorcolor?.toString(),
-      setter: (value) => this.cursorcolor = value,
+      setter: (value) => cursorcolor = value,
       deleter: () => cursorcolor = null
     );
     attributes['selectioncolor'] = ElementAttributeProperty(
       getter: () => selectioncolor?.toString(),
-      setter: (value) => this.selectioncolor = value,
+      setter: (value) => selectioncolor = value,
       deleter: () => selectioncolor = null
     );
     attributes['obscuringcharacter'] = ElementAttributeProperty(
       getter: () => obscuringcharacter?.toString(),
-      setter: (value) => this.obscuringcharacter = value,
+      setter: (value) => obscuringcharacter = value,
       deleter: () => obscuringcharacter = null
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/popover_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/popover_bindings_generated.dart
index 1060bb8ecc..c7517f1f0f 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/popover_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/popover_bindings_generated.dart
@@ -21,17 +21,17 @@ abstract class FlutterShadcnPopoverBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['open'] = ElementAttributeProperty(
       getter: () => open.toString(),
-      setter: (value) => this.open = value == 'true' || value == '',
+      setter: (value) => open = value == 'true' || value == '',
       deleter: () => open = false
     );
     attributes['placement'] = ElementAttributeProperty(
       getter: () => placement?.toString(),
-      setter: (value) => this.placement = value,
+      setter: (value) => placement = value,
       deleter: () => placement = null
     );
     attributes['close-on-outside-click'] = ElementAttributeProperty(
       getter: () => closeOnOutsideClick.toString(),
-      setter: (value) => this.closeOnOutsideClick = value == 'true' || value == '',
+      setter: (value) => closeOnOutsideClick = value == 'true' || value == '',
       deleter: () => closeOnOutsideClick = false
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/progress_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/progress_bindings_generated.dart
index 403eb8ac0e..a2097a0316 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/progress_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/progress_bindings_generated.dart
@@ -21,17 +21,17 @@ abstract class FlutterShadcnProgressBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['value'] = ElementAttributeProperty(
       getter: () => value?.toString(),
-      setter: (value) => this.value = value,
+      setter: (value) => value = value,
       deleter: () => value = null
     );
     attributes['max'] = ElementAttributeProperty(
       getter: () => max?.toString(),
-      setter: (value) => this.max = value,
+      setter: (value) => max = value,
       deleter: () => max = null
     );
     attributes['variant'] = ElementAttributeProperty(
       getter: () => variant?.toString(),
-      setter: (value) => this.variant = value,
+      setter: (value) => variant = value,
       deleter: () => variant = null
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/radio_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/radio_bindings_generated.dart
index 64ba73ceff..8abce3eedd 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/radio_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/radio_bindings_generated.dart
@@ -21,17 +21,17 @@ abstract class FlutterShadcnRadioBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['value'] = ElementAttributeProperty(
       getter: () => value?.toString(),
-      setter: (value) => this.value = value,
+      setter: (value) => value = value,
       deleter: () => value = null
     );
     attributes['disabled'] = ElementAttributeProperty(
       getter: () => disabled.toString(),
-      setter: (value) => this.disabled = value == 'true' || value == '',
+      setter: (value) => disabled = value == 'true' || value == '',
       deleter: () => disabled = false
     );
     attributes['orientation'] = ElementAttributeProperty(
       getter: () => orientation?.toString(),
-      setter: (value) => this.orientation = value,
+      setter: (value) => orientation = value,
       deleter: () => orientation = null
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/scroll_area_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/scroll_area_bindings_generated.dart
index a51bc97c4e..f035ccfd8a 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/scroll_area_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/scroll_area_bindings_generated.dart
@@ -17,7 +17,7 @@ abstract class FlutterShadcnScrollAreaBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['orientation'] = ElementAttributeProperty(
       getter: () => orientation?.toString(),
-      setter: (value) => this.orientation = value,
+      setter: (value) => orientation = value,
       deleter: () => orientation = null
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/select_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/select_bindings_generated.dart
index 5cfb73dfa1..33c1e7d70e 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/select_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/select_bindings_generated.dart
@@ -31,42 +31,42 @@ abstract class FlutterShadcnSelectBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['value'] = ElementAttributeProperty(
       getter: () => value?.toString(),
-      setter: (value) => this.value = value,
+      setter: (value) => value = value,
       deleter: () => value = null
     );
     attributes['placeholder'] = ElementAttributeProperty(
       getter: () => placeholder?.toString(),
-      setter: (value) => this.placeholder = value,
+      setter: (value) => placeholder = value,
       deleter: () => placeholder = null
     );
     attributes['disabled'] = ElementAttributeProperty(
       getter: () => disabled.toString(),
-      setter: (value) => this.disabled = value == 'true' || value == '',
+      setter: (value) => disabled = value == 'true' || value == '',
       deleter: () => disabled = false
     );
     attributes['multiple'] = ElementAttributeProperty(
       getter: () => multiple.toString(),
-      setter: (value) => this.multiple = value == 'true' || value == '',
+      setter: (value) => multiple = value == 'true' || value == '',
       deleter: () => multiple = false
     );
     attributes['searchable'] = ElementAttributeProperty(
       getter: () => searchable.toString(),
-      setter: (value) => this.searchable = value == 'true' || value == '',
+      setter: (value) => searchable = value == 'true' || value == '',
       deleter: () => searchable = false
     );
     attributes['search-placeholder'] = ElementAttributeProperty(
       getter: () => searchPlaceholder?.toString(),
-      setter: (value) => this.searchPlaceholder = value,
+      setter: (value) => searchPlaceholder = value,
       deleter: () => searchPlaceholder = null
     );
     attributes['allow-deselection'] = ElementAttributeProperty(
       getter: () => allowDeselection.toString(),
-      setter: (value) => this.allowDeselection = value == 'true' || value == '',
+      setter: (value) => allowDeselection = value == 'true' || value == '',
       deleter: () => allowDeselection = false
     );
     attributes['close-on-select'] = ElementAttributeProperty(
       getter: () => closeOnSelect.toString(),
-      setter: (value) => this.closeOnSelect = value == 'true' || value == '',
+      setter: (value) => closeOnSelect = value == 'true' || value == '',
       deleter: () => closeOnSelect = false
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/separator_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/separator_bindings_generated.dart
index 1a96ad0b35..013cc913c8 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/separator_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/separator_bindings_generated.dart
@@ -17,7 +17,7 @@ abstract class FlutterShadcnSeparatorBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['orientation'] = ElementAttributeProperty(
       getter: () => orientation?.toString(),
-      setter: (value) => this.orientation = value,
+      setter: (value) => orientation = value,
       deleter: () => orientation = null
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/sheet_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/sheet_bindings_generated.dart
index 231618aeec..58a1acb87b 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/sheet_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/sheet_bindings_generated.dart
@@ -21,17 +21,17 @@ abstract class FlutterShadcnSheetBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['open'] = ElementAttributeProperty(
       getter: () => open.toString(),
-      setter: (value) => this.open = value == 'true' || value == '',
+      setter: (value) => open = value == 'true' || value == '',
       deleter: () => open = false
     );
     attributes['side'] = ElementAttributeProperty(
       getter: () => side?.toString(),
-      setter: (value) => this.side = value,
+      setter: (value) => side = value,
       deleter: () => side = null
     );
     attributes['close-on-outside-click'] = ElementAttributeProperty(
       getter: () => closeOnOutsideClick.toString(),
-      setter: (value) => this.closeOnOutsideClick = value == 'true' || value == '',
+      setter: (value) => closeOnOutsideClick = value == 'true' || value == '',
       deleter: () => closeOnOutsideClick = false
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/skeleton_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/skeleton_bindings_generated.dart
index 5faa5e6fc5..885bb9f176 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/skeleton_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/skeleton_bindings_generated.dart
@@ -21,17 +21,17 @@ abstract class FlutterShadcnSkeletonBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['width'] = ElementAttributeProperty(
       getter: () => width?.toString(),
-      setter: (value) => this.width = value,
+      setter: (value) => width = value,
       deleter: () => width = null
     );
     attributes['height'] = ElementAttributeProperty(
       getter: () => height?.toString(),
-      setter: (value) => this.height = value,
+      setter: (value) => height = value,
       deleter: () => height = null
     );
     attributes['circle'] = ElementAttributeProperty(
       getter: () => circle.toString(),
-      setter: (value) => this.circle = value == 'true' || value == '',
+      setter: (value) => circle = value == 'true' || value == '',
       deleter: () => circle = false
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/slider_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/slider_bindings_generated.dart
index 7e558ef89e..895f7bfca3 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/slider_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/slider_bindings_generated.dart
@@ -27,32 +27,32 @@ abstract class FlutterShadcnSliderBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['value'] = ElementAttributeProperty(
       getter: () => value?.toString(),
-      setter: (value) => this.value = value,
+      setter: (value) => value = value,
       deleter: () => value = null
     );
     attributes['min'] = ElementAttributeProperty(
       getter: () => min?.toString(),
-      setter: (value) => this.min = value,
+      setter: (value) => min = value,
       deleter: () => min = null
     );
     attributes['max'] = ElementAttributeProperty(
       getter: () => max?.toString(),
-      setter: (value) => this.max = value,
+      setter: (value) => max = value,
       deleter: () => max = null
     );
     attributes['step'] = ElementAttributeProperty(
       getter: () => step?.toString(),
-      setter: (value) => this.step = value,
+      setter: (value) => step = value,
       deleter: () => step = null
     );
     attributes['disabled'] = ElementAttributeProperty(
       getter: () => disabled.toString(),
-      setter: (value) => this.disabled = value == 'true' || value == '',
+      setter: (value) => disabled = value == 'true' || value == '',
       deleter: () => disabled = false
     );
     attributes['orientation'] = ElementAttributeProperty(
       getter: () => orientation?.toString(),
-      setter: (value) => this.orientation = value,
+      setter: (value) => orientation = value,
       deleter: () => orientation = null
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/switch_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/switch_bindings_generated.dart
index b168635a01..6dbd9143bd 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/switch_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/switch_bindings_generated.dart
@@ -19,12 +19,12 @@ abstract class FlutterShadcnSwitchBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['checked'] = ElementAttributeProperty(
       getter: () => checked.toString(),
-      setter: (value) => this.checked = value == 'true' || value == '',
+      setter: (value) => checked = value == 'true' || value == '',
       deleter: () => checked = false
     );
     attributes['disabled'] = ElementAttributeProperty(
       getter: () => disabled.toString(),
-      setter: (value) => this.disabled = value == 'true' || value == '',
+      setter: (value) => disabled = value == 'true' || value == '',
       deleter: () => disabled = false
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/tabs_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/tabs_bindings_generated.dart
index 2239d012e0..65f0d6c82f 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/tabs_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/tabs_bindings_generated.dart
@@ -19,12 +19,12 @@ abstract class FlutterShadcnTabsBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['value'] = ElementAttributeProperty(
       getter: () => value?.toString(),
-      setter: (value) => this.value = value,
+      setter: (value) => value = value,
       deleter: () => value = null
     );
     attributes['default-value'] = ElementAttributeProperty(
       getter: () => defaultValue?.toString(),
-      setter: (value) => this.defaultValue = value,
+      setter: (value) => defaultValue = value,
       deleter: () => defaultValue = null
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/textarea_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/textarea_bindings_generated.dart
index 48af42d1a6..2575203941 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/textarea_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/textarea_bindings_generated.dart
@@ -31,42 +31,42 @@ abstract class FlutterShadcnTextareaBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['value'] = ElementAttributeProperty(
       getter: () => value?.toString(),
-      setter: (value) => this.value = value,
+      setter: (value) => value = value,
       deleter: () => value = null
     );
     attributes['placeholder'] = ElementAttributeProperty(
       getter: () => placeholder?.toString(),
-      setter: (value) => this.placeholder = value,
+      setter: (value) => placeholder = value,
       deleter: () => placeholder = null
     );
     attributes['rows'] = ElementAttributeProperty(
       getter: () => rows?.toString(),
-      setter: (value) => this.rows = value,
+      setter: (value) => rows = value,
       deleter: () => rows = null
     );
     attributes['disabled'] = ElementAttributeProperty(
       getter: () => disabled.toString(),
-      setter: (value) => this.disabled = value == 'true' || value == '',
+      setter: (value) => disabled = value == 'true' || value == '',
       deleter: () => disabled = false
     );
     attributes['readonly'] = ElementAttributeProperty(
       getter: () => readonly.toString(),
-      setter: (value) => this.readonly = value == 'true' || value == '',
+      setter: (value) => readonly = value == 'true' || value == '',
       deleter: () => readonly = false
     );
     attributes['maxlength'] = ElementAttributeProperty(
       getter: () => maxlength?.toString(),
-      setter: (value) => this.maxlength = value,
+      setter: (value) => maxlength = value,
       deleter: () => maxlength = null
     );
     attributes['required'] = ElementAttributeProperty(
       getter: () => required.toString(),
-      setter: (value) => this.required = value == 'true' || value == '',
+      setter: (value) => required = value == 'true' || value == '',
       deleter: () => required = false
     );
     attributes['autofocus'] = ElementAttributeProperty(
       getter: () => autofocus.toString(),
-      setter: (value) => this.autofocus = value == 'true' || value == '',
+      setter: (value) => autofocus = value == 'true' || value == '',
       deleter: () => autofocus = false
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/time_picker_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/time_picker_bindings_generated.dart
index 81aaeb0a35..b8cdd80dbc 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/time_picker_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/time_picker_bindings_generated.dart
@@ -23,22 +23,22 @@ abstract class FlutterShadcnTimePickerBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['value'] = ElementAttributeProperty(
       getter: () => value?.toString(),
-      setter: (value) => this.value = value,
+      setter: (value) => value = value,
       deleter: () => value = null
     );
     attributes['placeholder'] = ElementAttributeProperty(
       getter: () => placeholder?.toString(),
-      setter: (value) => this.placeholder = value,
+      setter: (value) => placeholder = value,
       deleter: () => placeholder = null
     );
     attributes['disabled'] = ElementAttributeProperty(
       getter: () => disabled.toString(),
-      setter: (value) => this.disabled = value == 'true' || value == '',
+      setter: (value) => disabled = value == 'true' || value == '',
       deleter: () => disabled = false
     );
     attributes['use-24-hour'] = ElementAttributeProperty(
       getter: () => use24Hour.toString(),
-      setter: (value) => this.use24Hour = value == 'true' || value == '',
+      setter: (value) => use24Hour = value == 'true' || value == '',
       deleter: () => use24Hour = false
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/toast_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/toast_bindings_generated.dart
index ff3e321b6c..2bd02a881f 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/toast_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/toast_bindings_generated.dart
@@ -25,27 +25,27 @@ abstract class FlutterShadcnToastBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['variant'] = ElementAttributeProperty(
       getter: () => variant?.toString(),
-      setter: (value) => this.variant = value,
+      setter: (value) => variant = value,
       deleter: () => variant = null
     );
     attributes['title'] = ElementAttributeProperty(
       getter: () => title?.toString(),
-      setter: (value) => this.title = value,
+      setter: (value) => title = value,
       deleter: () => title = null
     );
     attributes['description'] = ElementAttributeProperty(
       getter: () => description?.toString(),
-      setter: (value) => this.description = value,
+      setter: (value) => description = value,
       deleter: () => description = null
     );
     attributes['duration'] = ElementAttributeProperty(
       getter: () => duration?.toString(),
-      setter: (value) => this.duration = value,
+      setter: (value) => duration = value,
       deleter: () => duration = null
     );
     attributes['closable'] = ElementAttributeProperty(
       getter: () => closable.toString(),
-      setter: (value) => this.closable = value == 'true' || value == '',
+      setter: (value) => closable = value == 'true' || value == '',
       deleter: () => closable = false
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/components/tooltip_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/components/tooltip_bindings_generated.dart
index 5894caaeae..8eccd442e6 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/tooltip_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/tooltip_bindings_generated.dart
@@ -23,22 +23,22 @@ abstract class FlutterShadcnTooltipBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['content'] = ElementAttributeProperty(
       getter: () => content?.toString(),
-      setter: (value) => this.content = value,
+      setter: (value) => content = value,
       deleter: () => content = null
     );
     attributes['show-delay'] = ElementAttributeProperty(
       getter: () => showDelay?.toString(),
-      setter: (value) => this.showDelay = value,
+      setter: (value) => showDelay = value,
       deleter: () => showDelay = null
     );
     attributes['hide-delay'] = ElementAttributeProperty(
       getter: () => hideDelay?.toString(),
-      setter: (value) => this.hideDelay = value,
+      setter: (value) => hideDelay = value,
       deleter: () => hideDelay = null
     );
     attributes['placement'] = ElementAttributeProperty(
       getter: () => placement?.toString(),
-      setter: (value) => this.placement = value,
+      setter: (value) => placement = value,
       deleter: () => placement = null
     );
   }
diff --git a/native_uis/webf_shadcn_ui/lib/src/theme/theme_bindings_generated.dart b/native_uis/webf_shadcn_ui/lib/src/theme/theme_bindings_generated.dart
index f9e7dcba7b..0f7407a6c2 100644
--- a/native_uis/webf_shadcn_ui/lib/src/theme/theme_bindings_generated.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/theme/theme_bindings_generated.dart
@@ -21,17 +21,17 @@ abstract class FlutterShadcnThemeBindings extends WidgetElement {
     super.initializeAttributes(attributes);
     attributes['color-scheme'] = ElementAttributeProperty(
       getter: () => colorScheme?.toString(),
-      setter: (value) => this.colorScheme = value,
+      setter: (value) => colorScheme = value,
       deleter: () => colorScheme = null
     );
     attributes['brightness'] = ElementAttributeProperty(
       getter: () => brightness?.toString(),
-      setter: (value) => this.brightness = value,
+      setter: (value) => brightness = value,
       deleter: () => brightness = null
     );
     attributes['radius'] = ElementAttributeProperty(
       getter: () => radius?.toString(),
-      setter: (value) => this.radius = value,
+      setter: (value) => radius = value,
       deleter: () => radius = null
     );
   }
diff --git a/packages/react-shadcn-ui/.gitignore b/packages/react-shadcn-ui/.gitignore
new file mode 100644
index 0000000000..8c63a6a0a9
--- /dev/null
+++ b/packages/react-shadcn-ui/.gitignore
@@ -0,0 +1,9 @@
+node_modules/
+lib/
+dist/
+.DS_Store
+*.log
+*.tsbuildinfo
+.env
+.env.local
+.env.*.local
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/README.md b/packages/react-shadcn-ui/README.md
new file mode 100644
index 0000000000..68b77673ce
--- /dev/null
+++ b/packages/react-shadcn-ui/README.md
@@ -0,0 +1,206 @@
+# webf_shadcn_ui
+
+shadcn/ui style components for WebF applications. This package provides [shadcn_ui](https://pub.dev/packages/shadcn_ui) Flutter widgets wrapped as HTML custom elements for use in WebF.
+
+## Features
+
+- 40+ UI components matching shadcn/ui design
+- Full theming support with 12 color schemes
+- Light/Dark mode support
+- TypeScript definitions for React/Vue code generation
+- Seamless integration with WebF applications
+
+## Installation
+
+Add this to your package's `pubspec.yaml` file:
+
+```yaml
+dependencies:
+  webf_shadcn_ui: ^0.1.0
+```
+
+## Quick Start
+
+1. Install the custom elements in your main function:
+
+```dart
+import 'package:webf_shadcn_ui/webf_shadcn_ui.dart';
+
+void main() {
+  installWebFShadcnUI();
+  runApp(MyApp());
+}
+```
+
+2. Use the components in your HTML:
+
+```html
+<flutter-shadcn-theme color-scheme="blue" brightness="light">
+  <flutter-shadcn-card>
+    <flutter-shadcn-card-header>
+      <flutter-shadcn-card-title>Welcome</flutter-shadcn-card-title>
+      <flutter-shadcn-card-description>Get started with shadcn components</flutter-shadcn-card-description>
+    </flutter-shadcn-card-header>
+    <flutter-shadcn-card-content>
+      <flutter-shadcn-button variant="default">Click me</flutter-shadcn-button>
+    </flutter-shadcn-card-content>
+  </flutter-shadcn-card>
+</flutter-shadcn-theme>
+```
+
+## Available Components
+
+### Theming
+- `<flutter-shadcn-theme>` - Theme provider with color scheme and brightness support
+
+### Form Controls
+- `<flutter-shadcn-button>` - Button with variants (default, secondary, destructive, outline, ghost, link)
+- `<flutter-shadcn-input>` - Text input field
+- `<flutter-shadcn-textarea>` - Multi-line text input
+- `<flutter-shadcn-checkbox>` - Checkbox control
+- `<flutter-shadcn-radio>` - Radio button group
+- `<flutter-shadcn-switch>` - Toggle switch
+- `<flutter-shadcn-select>` - Dropdown select
+- `<flutter-shadcn-slider>` - Range slider
+- `<flutter-shadcn-combobox>` - Searchable select
+- `<flutter-shadcn-form>` - Form container with field components
+
+### Display Components
+- `<flutter-shadcn-card>` - Card container with header, content, footer slots
+- `<flutter-shadcn-alert>` - Alert message with title and description
+- `<flutter-shadcn-badge>` - Badge/label component
+- `<flutter-shadcn-avatar>` - User avatar with fallback
+- `<flutter-shadcn-toast>` - Toast notification
+- `<flutter-shadcn-tooltip>` - Hover tooltip
+- `<flutter-shadcn-progress>` - Progress bar
+- `<flutter-shadcn-separator>` - Visual separator
+
+### Navigation/Layout
+- `<flutter-shadcn-tabs>` - Tabbed interface
+- `<flutter-shadcn-dialog>` - Modal dialog
+- `<flutter-shadcn-sheet>` - Slide-out panel
+- `<flutter-shadcn-popover>` - Floating content container
+- `<flutter-shadcn-breadcrumb>` - Breadcrumb navigation
+- `<flutter-shadcn-dropdown-menu>` - Dropdown menu
+- `<flutter-shadcn-context-menu>` - Right-click context menu
+
+### Data Display
+- `<flutter-shadcn-table>` - Data table
+- `<flutter-shadcn-accordion>` - Collapsible sections
+- `<flutter-shadcn-calendar>` - Date calendar
+- `<flutter-shadcn-date-picker>` - Date picker with popover
+- `<flutter-shadcn-time-picker>` - Time picker
+- `<flutter-shadcn-image>` - Image with loading states
+
+### Advanced
+- `<flutter-shadcn-scroll-area>` - Scrollable container
+- `<flutter-shadcn-skeleton>` - Loading placeholder
+- `<flutter-shadcn-collapsible>` - Collapsible section
+
+## CSS Customization
+
+### Button Text Styling
+
+The `<flutter-shadcn-button>` component supports CSS customization for text styles while automatically handling the text color based on the button variant and theme.
+
+**What CSS properties work on button children:**
+- `font-size` / `font-weight` / `font-family`
+- `letter-spacing` / `word-spacing`
+- `text-decoration` / `font-style`
+- Other text styling properties
+
+**What's controlled by the button theme:**
+- Text color (automatically set based on button variant)
+
+**Example with inline styles:**
+
+```html
+<flutter-shadcn-button variant="default">
+  <span style="font-size: 18px; font-weight: bold;">Large Bold Text</span>
+</flutter-shadcn-button>
+```
+
+**Example with React and Tailwind:**
+
+```jsx
+<FlutterShadcnButton variant="secondary">
+  <span className="text-lg font-semibold tracking-wide">Styled Text</span>
+</FlutterShadcnButton>
+```
+
+This approach ensures:
+- CSS styles from your HTML/JSX are preserved (font-size, font-weight, etc.)
+- Text color automatically matches the button's theme variant (primary has white text, outline has dark text, etc.)
+
+### Button Gradient and Shadow
+
+The button supports CSS `background-image` for gradients and `box-shadow` for shadows, which are passed directly to the underlying Flutter `ShadButton`.
+
+**Gradient example:**
+
+```html
+<flutter-shadcn-button style="background-image: linear-gradient(to right, #667eea, #764ba2);">
+  Gradient Button
+</flutter-shadcn-button>
+```
+
+**Shadow example:**
+
+```html
+<flutter-shadcn-button style="box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);">
+  Shadow Button
+</flutter-shadcn-button>
+```
+
+**Combined gradient and shadow:**
+
+```jsx
+<FlutterShadcnButton
+  style={{
+    backgroundImage: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
+    boxShadow: '0 10px 20px 0 rgba(102, 126, 234, 0.4)'
+  }}
+>
+  Gradient + Shadow
+</FlutterShadcnButton>
+```
+
+**Supported gradient syntax:**
+- `linear-gradient(direction, color1, color2, ...)`
+- `linear-gradient(angle, color1 stop1, color2 stop2, ...)`
+
+**Supported shadow syntax:**
+- `box-shadow: offset-x offset-y blur-radius spread-radius color`
+
+## Color Schemes
+
+The following color schemes are available:
+- blue, gray, green, neutral, orange, red, rose, slate, stone, violet, yellow, zinc
+
+Set the color scheme on the theme provider:
+
+```html
+<flutter-shadcn-theme color-scheme="violet" brightness="dark">
+  <!-- Your content -->
+</flutter-shadcn-theme>
+```
+
+## Generating React/Vue Components
+
+Use the WebF CLI to generate framework-specific packages:
+
+```bash
+# React components
+webf codegen webf-shadcn-react \
+  --flutter-package-src=./native_uis/webf_shadcn_ui \
+  --framework=react
+
+# Vue components
+webf codegen webf-shadcn-vue \
+  --flutter-package-src=./native_uis/webf_shadcn_ui \
+  --framework=vue
+```
+
+## License
+
+Apache License 2.0
diff --git a/packages/react-shadcn-ui/global.d.ts b/packages/react-shadcn-ui/global.d.ts
new file mode 100644
index 0000000000..bf744d7620
--- /dev/null
+++ b/packages/react-shadcn-ui/global.d.ts
@@ -0,0 +1,2 @@
+type double = number;
+type int = number;
diff --git a/packages/react-shadcn-ui/package-lock.json b/packages/react-shadcn-ui/package-lock.json
new file mode 100644
index 0000000000..c7039fe872
--- /dev/null
+++ b/packages/react-shadcn-ui/package-lock.json
@@ -0,0 +1,1244 @@
+{
+  "name": "@openwebf/react-shadcn-ui",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "@openwebf/react-shadcn-ui",
+      "version": "0.1.0",
+      "license": "ISC",
+      "devDependencies": {
+        "@openwebf/react-core-ui": "^0.24.1",
+        "@types/react": "^19.1.0",
+        "@types/react-dom": "^19.1.2",
+        "picomatch": "^4.0.2",
+        "tsdown": "^0.19.0",
+        "typescript": "^5.8.3"
+      },
+      "peerDependencies": {
+        "@openwebf/react-core-ui": "^0.24.1",
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.29.1",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
+      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.0.tgz",
+      "integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@emnapi/core": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.8.1.tgz",
+      "integrity": "sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.1.0",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.8.1.tgz",
+      "integrity": "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.1.0.tgz",
+      "integrity": "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.1.tgz",
+      "integrity": "sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.7.1",
+        "@emnapi/runtime": "^1.7.1",
+        "@tybys/wasm-util": "^0.10.1"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/Brooooooklyn"
+      }
+    },
+    "node_modules/@openwebf/react-core-ui": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@openwebf/react-core-ui/-/react-core-ui-0.24.2.tgz",
+      "integrity": "sha512-CBh1Gg/Fb5FfpNg/zYp3eRmL2gR/CwwoUKrGn+WSCFA76IQdWrghubTlVIOeCyu22WcBUYVF/QSA0NyqKu9Pkg==",
+      "dev": true,
+      "license": "ISC",
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@oxc-project/types": {
+      "version": "0.107.0",
+      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.107.0.tgz",
+      "integrity": "sha512-QFDRbYfV2LVx8tyqtyiah3jQPUj1mK2+RYwxyFWyGoys6XJnwTdlzO6rdNNHOPorHAu5Uo34oWRKcvNpbJarmQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/Boshen"
+      }
+    },
+    "node_modules/@quansync/fs": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@quansync/fs/-/fs-1.0.0.tgz",
+      "integrity": "sha512-4TJ3DFtlf1L5LDMaM6CanJ/0lckGNtJcMjQ1NAV6zDmA0tEHKZtxNKin8EgPaVX1YzljbxckyT2tJrpQKAtngQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "quansync": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
+    "node_modules/@rolldown/binding-android-arm64": {
+      "version": "1.0.0-beta.59",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-beta.59.tgz",
+      "integrity": "sha512-6yLLgyswYwiCfls9+hoNFY9F8TQdwo15hpXDHzlAR0X/GojeKF+AuNcXjYNbOJ4zjl/5D6lliE8CbpB5t1OWIQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-darwin-arm64": {
+      "version": "1.0.0-beta.59",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-beta.59.tgz",
+      "integrity": "sha512-hqGXRc162qCCIOAcHN2Cw4eXiVTwYsMFLOhAy1IG2CxY+dwc/l4Ga+dLPkLor3Ikqy5WDn+7kxHbbh6EmshEpQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-darwin-x64": {
+      "version": "1.0.0-beta.59",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-beta.59.tgz",
+      "integrity": "sha512-ezvvGuhteE15JmMhJW0wS7BaXmhwLy1YHeEwievYaPC1PgGD86wgBKfOpHr9tSKllAXbCe0BeeMvasscWLhKdA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-freebsd-x64": {
+      "version": "1.0.0-beta.59",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-beta.59.tgz",
+      "integrity": "sha512-4fhKVJiEYVd5n6no/mrL3LZ9kByfCGwmONOrdtvx8DJGDQhehH/q3RfhG3V/4jGKhpXgbDjpIjkkFdybCTcgew==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
+      "version": "1.0.0-beta.59",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-beta.59.tgz",
+      "integrity": "sha512-T3Y52sW6JAhvIqArBw+wtjNU1Ieaz4g0NBxyjSJoW971nZJBZygNlSYx78G4cwkCmo1dYTciTPDOnQygLV23pA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm64-gnu": {
+      "version": "1.0.0-beta.59",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-beta.59.tgz",
+      "integrity": "sha512-NIW40jQDSQap2KDdmm9z3B/4OzWJ6trf8dwx3FD74kcQb3v34ThsBFTtzE5KjDuxnxgUlV+DkAu+XgSMKrgufw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm64-musl": {
+      "version": "1.0.0-beta.59",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-beta.59.tgz",
+      "integrity": "sha512-CCKEk+H+8c0WGe/8n1E20n85Tq4Pv+HNAbjP1KfUXW+01aCWSMjU56ChNrM2tvHnXicfm7QRNoZyfY8cWh7jLQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-x64-gnu": {
+      "version": "1.0.0-beta.59",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-beta.59.tgz",
+      "integrity": "sha512-VlfwJ/HCskPmQi8R0JuAFndySKVFX7yPhE658o27cjSDWWbXVtGkSbwaxstii7Q+3Rz87ZXN+HLnb1kd4R9Img==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-x64-musl": {
+      "version": "1.0.0-beta.59",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-beta.59.tgz",
+      "integrity": "sha512-kuO92hTRyGy0Ts3Nsqll0rfO8eFsEJe9dGQGktkQnZ2hrJrDVN0y419dMgKy/gB2S2o7F2dpWhpfQOBehZPwVA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-openharmony-arm64": {
+      "version": "1.0.0-beta.59",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-beta.59.tgz",
+      "integrity": "sha512-PXAebvNL4sYfCqi8LdY4qyFRacrRoiPZLo3NoUmiTxm7MPtYYR8CNtBGNokqDmMuZIQIecRaD/jbmFAIDz7DxQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-wasm32-wasi": {
+      "version": "1.0.0-beta.59",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-beta.59.tgz",
+      "integrity": "sha512-yJoklQg7XIZq8nAg0bbkEXcDK6sfpjxQGxpg2Nd6ERNtvg+eOaEBRgPww0BVTrYFQzje1pB5qPwC2VnJHT3koQ==",
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@napi-rs/wasm-runtime": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@rolldown/binding-win32-arm64-msvc": {
+      "version": "1.0.0-beta.59",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-beta.59.tgz",
+      "integrity": "sha512-ljZ4+McmCbIuZwEBaoGtiG8Rq2nJjaXEnLEIx+usWetXn1ECjXY0LAhkELxOV6ytv4ensEmoJJ8nXg47hRMjlw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-win32-x64-msvc": {
+      "version": "1.0.0-beta.59",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-beta.59.tgz",
+      "integrity": "sha512-bMY4tTIwbdZljW+xe/ln1hvs0SRitahQSXfWtvgAtIzgSX9Ar7KqJzU7lRm33YTRFIHLULRi53yNjw9nJGd6uQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-beta.59",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.59.tgz",
+      "integrity": "sha512-aoh6LAJRyhtazs98ydgpNOYstxUlsOV1KJXcpf/0c0vFcUA8uyd/hwKRhqE/AAPNqAho9RliGsvitCoOzREoVA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
+      "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/react": {
+      "version": "19.2.14",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz",
+      "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.2.0"
+      }
+    },
+    "node_modules/ansis": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/ansis/-/ansis-4.2.0.tgz",
+      "integrity": "sha512-HqZ5rWlFjGiV0tDm3UxxgNRqsOTniqoKZu0pIAfh7TZQMGuZK+hH0drySty0si0QXj1ieop4+SkSfPZBPPkHig==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/ast-kit": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/ast-kit/-/ast-kit-2.2.0.tgz",
+      "integrity": "sha512-m1Q/RaVOnTp9JxPX+F+Zn7IcLYMzM8kZofDImfsKZd8MbR+ikdOzTeztStWqfrqIxZnYWryyI9ePm3NGjnZgGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.5",
+        "pathe": "^2.0.3"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
+    "node_modules/birpc": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/birpc/-/birpc-4.0.0.tgz",
+      "integrity": "sha512-LShSxJP0KTmd101b6DRyGBj57LZxSDYWKitQNW/mi8GRMvZb078Uf9+pveax1DrVL89vm7mWe+TovdI/UDOuPw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/cac": {
+      "version": "6.7.14",
+      "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
+      "integrity": "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/defu": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz",
+      "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/dts-resolver": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/dts-resolver/-/dts-resolver-2.1.3.tgz",
+      "integrity": "sha512-bihc7jPC90VrosXNzK0LTE2cuLP6jr0Ro8jk+kMugHReJVLIpHz/xadeq3MhuwyO4TD4OA3L1Q8pBBFRc08Tsw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      },
+      "peerDependencies": {
+        "oxc-resolver": ">=11.0.0"
+      },
+      "peerDependenciesMeta": {
+        "oxc-resolver": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/empathic": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/empathic/-/empathic-2.0.0.tgz",
+      "integrity": "sha512-i6UzDscO/XfAcNYD75CfICkmfLedpyPDdozrLMmQc5ORaQcdMoc21OnlEylMIqI7U8eniKrPMxxtj8k0vhmJhA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.13.6",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.13.6.tgz",
+      "integrity": "sha512-shZT/QMiSHc/YBLxxOkMtgSid5HFoauqCE3/exfsEcwg1WkeqjG+V40yBbBrsD+jW2HDXcs28xOfcbm2jI8Ddw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/hookable": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/hookable/-/hookable-6.0.1.tgz",
+      "integrity": "sha512-uKGyY8BuzN/a5gvzvA+3FVWo0+wUjgtfSdnmjtrOVwQCZPHpHDH2WRO3VZSOeluYrHoDCiXFffZXs8Dj1ULWtw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/import-without-cache": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/import-without-cache/-/import-without-cache-0.2.5.tgz",
+      "integrity": "sha512-B6Lc2s6yApwnD2/pMzFh/d5AVjdsDXjgkeJ766FmFuJELIGHNycKRj+l3A39yZPM4CchqNCB4RITEAYB1KUM6A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/obug": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/obug/-/obug-2.1.1.tgz",
+      "integrity": "sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==",
+      "dev": true,
+      "funding": [
+        "https://github.com/sponsors/sxzz",
+        "https://opencollective.com/debug"
+      ],
+      "license": "MIT"
+    },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/quansync": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/quansync/-/quansync-1.0.0.tgz",
+      "integrity": "sha512-5xZacEEufv3HSTPQuchrvV6soaiACMFnq1H8wkVioctoH3TRha9Sz66lOxRwPK/qZj7HPiSveih9yAyh98gvqA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/antfu"
+        },
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/sxzz"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/react": {
+      "version": "19.2.4",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz",
+      "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.2.4",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz",
+      "integrity": "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "scheduler": "^0.27.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.4"
+      }
+    },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/rolldown": {
+      "version": "1.0.0-beta.59",
+      "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-beta.59.tgz",
+      "integrity": "sha512-Slm000Gd8/AO9z4Kxl4r8mp/iakrbAuJ1L+7ddpkNxgQ+Vf37WPvY63l3oeyZcfuPD1DRrUYBsRPIXSOhvOsmw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@oxc-project/types": "=0.107.0",
+        "@rolldown/pluginutils": "1.0.0-beta.59"
+      },
+      "bin": {
+        "rolldown": "bin/cli.mjs"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "optionalDependencies": {
+        "@rolldown/binding-android-arm64": "1.0.0-beta.59",
+        "@rolldown/binding-darwin-arm64": "1.0.0-beta.59",
+        "@rolldown/binding-darwin-x64": "1.0.0-beta.59",
+        "@rolldown/binding-freebsd-x64": "1.0.0-beta.59",
+        "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-beta.59",
+        "@rolldown/binding-linux-arm64-gnu": "1.0.0-beta.59",
+        "@rolldown/binding-linux-arm64-musl": "1.0.0-beta.59",
+        "@rolldown/binding-linux-x64-gnu": "1.0.0-beta.59",
+        "@rolldown/binding-linux-x64-musl": "1.0.0-beta.59",
+        "@rolldown/binding-openharmony-arm64": "1.0.0-beta.59",
+        "@rolldown/binding-wasm32-wasi": "1.0.0-beta.59",
+        "@rolldown/binding-win32-arm64-msvc": "1.0.0-beta.59",
+        "@rolldown/binding-win32-x64-msvc": "1.0.0-beta.59"
+      }
+    },
+    "node_modules/rolldown-plugin-dts": {
+      "version": "0.20.0",
+      "resolved": "https://registry.npmjs.org/rolldown-plugin-dts/-/rolldown-plugin-dts-0.20.0.tgz",
+      "integrity": "sha512-cLAY1kN2ilTYMfZcFlGWbXnu6Nb+8uwUBsi+Mjbh4uIx7IN8uMOmJ7RxrrRgPsO4H7eSz3E+JwGoL1gyugiyUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/generator": "^7.28.5",
+        "@babel/parser": "^7.28.5",
+        "@babel/types": "^7.28.5",
+        "ast-kit": "^2.2.0",
+        "birpc": "^4.0.0",
+        "dts-resolver": "^2.1.3",
+        "get-tsconfig": "^4.13.0",
+        "obug": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      },
+      "peerDependencies": {
+        "@ts-macro/tsc": "^0.3.6",
+        "@typescript/native-preview": ">=7.0.0-dev.20250601.1",
+        "rolldown": "^1.0.0-beta.57",
+        "typescript": "^5.0.0",
+        "vue-tsc": "~3.2.0"
+      },
+      "peerDependenciesMeta": {
+        "@ts-macro/tsc": {
+          "optional": true
+        },
+        "@typescript/native-preview": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        },
+        "vue-tsc": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/tinyexec": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.0.2.tgz",
+      "integrity": "sha512-W/KYk+NFhkmsYpuHq5JykngiOCnxeVL8v8dFnqxSD8qEEdRfXk1SDM6JzNqcERbcGYj9tMrDQBYV9cjgnunFIg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tree-kill": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
+      "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "tree-kill": "cli.js"
+      }
+    },
+    "node_modules/tsdown": {
+      "version": "0.19.0",
+      "resolved": "https://registry.npmjs.org/tsdown/-/tsdown-0.19.0.tgz",
+      "integrity": "sha512-uqg8yzlS7GemFWcM6aCp/sptF4bJiJbWUibuHTRLLCBEsGCgJxuqxPhuVTqyHXqoEkh9ohwAdlyDKli5MEWCyQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansis": "^4.2.0",
+        "cac": "^6.7.14",
+        "defu": "^6.1.4",
+        "empathic": "^2.0.0",
+        "hookable": "^6.0.1",
+        "import-without-cache": "^0.2.5",
+        "obug": "^2.1.1",
+        "picomatch": "^4.0.3",
+        "rolldown": "1.0.0-beta.59",
+        "rolldown-plugin-dts": "^0.20.0",
+        "semver": "^7.7.3",
+        "tinyexec": "^1.0.2",
+        "tinyglobby": "^0.2.15",
+        "tree-kill": "^1.2.2",
+        "unconfig-core": "^7.4.2",
+        "unrun": "^0.2.24"
+      },
+      "bin": {
+        "tsdown": "dist/run.mjs"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      },
+      "peerDependencies": {
+        "@arethetypeswrong/core": "^0.18.1",
+        "@vitejs/devtools": "*",
+        "publint": "^0.3.0",
+        "typescript": "^5.0.0",
+        "unplugin-lightningcss": "^0.4.0",
+        "unplugin-unused": "^0.5.0"
+      },
+      "peerDependenciesMeta": {
+        "@arethetypeswrong/core": {
+          "optional": true
+        },
+        "@vitejs/devtools": {
+          "optional": true
+        },
+        "publint": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        },
+        "unplugin-lightningcss": {
+          "optional": true
+        },
+        "unplugin-unused": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
+      "license": "0BSD",
+      "optional": true
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "peer": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/unconfig-core": {
+      "version": "7.4.2",
+      "resolved": "https://registry.npmjs.org/unconfig-core/-/unconfig-core-7.4.2.tgz",
+      "integrity": "sha512-VgPCvLWugINbXvMQDf8Jh0mlbvNjNC6eSUziHsBCMpxR05OPrNrvDnyatdMjRgcHaaNsCqz+wjNXxNw1kRLHUg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@quansync/fs": "^1.0.0",
+        "quansync": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/unrun": {
+      "version": "0.2.27",
+      "resolved": "https://registry.npmjs.org/unrun/-/unrun-0.2.27.tgz",
+      "integrity": "sha512-Mmur1UJpIbfxasLOhPRvox/QS4xBiDii71hMP7smfRthGcwFL2OAmYRgduLANOAU4LUkvVamuP+02U+c90jlrw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "rolldown": "1.0.0-rc.3"
+      },
+      "bin": {
+        "unrun": "dist/cli.mjs"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/Gugustinette"
+      },
+      "peerDependencies": {
+        "synckit": "^0.11.11"
+      },
+      "peerDependenciesMeta": {
+        "synckit": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/unrun/node_modules/@oxc-project/types": {
+      "version": "0.112.0",
+      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.112.0.tgz",
+      "integrity": "sha512-m6RebKHIRsax2iCwVpYW2ErQwa4ywHJrE4sCK3/8JK8ZZAWOKXaRJFl/uP51gaVyyXlaS4+chU1nSCdzYf6QqQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/Boshen"
+      }
+    },
+    "node_modules/unrun/node_modules/@rolldown/binding-android-arm64": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.3.tgz",
+      "integrity": "sha512-0T1k9FinuBZ/t7rZ8jN6OpUKPnUjNdYHoj/cESWrQ3ZraAJ4OMm6z7QjSfCxqj8mOp9kTKc1zHK3kGz5vMu+nQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/unrun/node_modules/@rolldown/binding-darwin-arm64": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.3.tgz",
+      "integrity": "sha512-JWWLzvcmc/3pe7qdJqPpuPk91SoE/N+f3PcWx/6ZwuyDVyungAEJPvKm/eEldiDdwTmaEzWfIR+HORxYWrCi1A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/unrun/node_modules/@rolldown/binding-darwin-x64": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-rc.3.tgz",
+      "integrity": "sha512-MTakBxfx3tde5WSmbHxuqlDsIW0EzQym+PJYGF4P6lG2NmKzi128OGynoFUqoD5ryCySEY85dug4v+LWGBElIw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/unrun/node_modules/@rolldown/binding-freebsd-x64": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-rc.3.tgz",
+      "integrity": "sha512-jje3oopyOLs7IwfvXoS6Lxnmie5JJO7vW29fdGFu5YGY1EDbVDhD+P9vDihqS5X6fFiqL3ZQZCMBg6jyHkSVww==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/unrun/node_modules/@rolldown/binding-linux-arm-gnueabihf": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-rc.3.tgz",
+      "integrity": "sha512-A0n8P3hdLAaqzSFrQoA42p23ZKBYQOw+8EH5r15Sa9X1kD9/JXe0YT2gph2QTWvdr0CVK2BOXiK6ENfy6DXOag==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/unrun/node_modules/@rolldown/binding-linux-arm64-gnu": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-rc.3.tgz",
+      "integrity": "sha512-kWXkoxxarYISBJ4bLNf5vFkEbb4JvccOwxWDxuK9yee8lg5XA7OpvlTptfRuwEvYcOZf+7VS69Uenpmpyo5Bjw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/unrun/node_modules/@rolldown/binding-linux-arm64-musl": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-rc.3.tgz",
+      "integrity": "sha512-Z03/wrqau9Bicfgb3Dbs6SYTHliELk2PM2LpG2nFd+cGupTMF5kanLEcj2vuuJLLhptNyS61rtk7SOZ+lPsTUA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/unrun/node_modules/@rolldown/binding-linux-x64-gnu": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-rc.3.tgz",
+      "integrity": "sha512-iSXXZsQp08CSilff/DCTFZHSVEpEwdicV3W8idHyrByrcsRDVh9sGC3sev6d8BygSGj3vt8GvUKBPCoyMA4tgQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/unrun/node_modules/@rolldown/binding-linux-x64-musl": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-rc.3.tgz",
+      "integrity": "sha512-qaj+MFudtdCv9xZo9znFvkgoajLdc+vwf0Kz5N44g+LU5XMe+IsACgn3UG7uTRlCCvhMAGXm1XlpEA5bZBrOcw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/unrun/node_modules/@rolldown/binding-openharmony-arm64": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-rc.3.tgz",
+      "integrity": "sha512-U662UnMETyjT65gFmG9ma+XziENrs7BBnENi/27swZPYagubfHRirXHG2oMl+pEax2WvO7Kb9gHZmMakpYqBHQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/unrun/node_modules/@rolldown/binding-wasm32-wasi": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-rc.3.tgz",
+      "integrity": "sha512-gekrQ3Q2HiC1T5njGyuUJoGpK/l6B/TNXKed3fZXNf9YRTJn3L5MOZsFBn4bN2+UX+8+7hgdlTcEsexX988G4g==",
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@napi-rs/wasm-runtime": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/unrun/node_modules/@rolldown/binding-win32-arm64-msvc": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-rc.3.tgz",
+      "integrity": "sha512-85y5JifyMgs8m5K2XzR/VDsapKbiFiohl7s5lEj7nmNGO0pkTXE7q6TQScei96BNAsoK7JC3pA7ukA8WRHVJpg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/unrun/node_modules/@rolldown/binding-win32-x64-msvc": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.3.tgz",
+      "integrity": "sha512-a4VUQZH7LxGbUJ3qJ/TzQG8HxdHvf+jOnqf7B7oFx1TEBm+j2KNL2zr5SQ7wHkNAcaPevF6gf9tQnVBnC4mD+A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/unrun/node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.3.tgz",
+      "integrity": "sha512-eybk3TjzzzV97Dlj5c+XrBFW57eTNhzod66y9HrBlzJ6NsCrWCp/2kaPS3K9wJmurBC0Tdw4yPjXKZqlznim3Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/unrun/node_modules/rolldown": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-rc.3.tgz",
+      "integrity": "sha512-Po/YZECDOqVXjIXrtC5h++a5NLvKAQNrd9ggrIG3sbDfGO5BqTUsrI6l8zdniKRp3r5Tp/2JTrXqx4GIguFCMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@oxc-project/types": "=0.112.0",
+        "@rolldown/pluginutils": "1.0.0-rc.3"
+      },
+      "bin": {
+        "rolldown": "bin/cli.mjs"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "optionalDependencies": {
+        "@rolldown/binding-android-arm64": "1.0.0-rc.3",
+        "@rolldown/binding-darwin-arm64": "1.0.0-rc.3",
+        "@rolldown/binding-darwin-x64": "1.0.0-rc.3",
+        "@rolldown/binding-freebsd-x64": "1.0.0-rc.3",
+        "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.3",
+        "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.3",
+        "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.3",
+        "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.3",
+        "@rolldown/binding-linux-x64-musl": "1.0.0-rc.3",
+        "@rolldown/binding-openharmony-arm64": "1.0.0-rc.3",
+        "@rolldown/binding-wasm32-wasi": "1.0.0-rc.3",
+        "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.3",
+        "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.3"
+      }
+    }
+  }
+}
diff --git a/packages/react-shadcn-ui/package.json b/packages/react-shadcn-ui/package.json
new file mode 100644
index 0000000000..53207df769
--- /dev/null
+++ b/packages/react-shadcn-ui/package.json
@@ -0,0 +1,41 @@
+{
+  "name": "@openwebf/react-shadcn-ui",
+  "version": "0.1.0",
+  "description": "shadcn/ui style components for WebF applications. This package provides shadcn_ui Flutter widgets wrapped as HTML custom elements for use in WebF.",
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.mts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": ["dist", "README.md"],
+  "scripts": {
+    "build": "tsdown"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "type": "commonjs",
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "@openwebf/react-core-ui": "^0.24.1"
+  },
+  "devDependencies": {
+    "@openwebf/react-core-ui": "^0.24.1",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.2",
+    "picomatch": "^4.0.2",
+    "tsdown": "^0.19.0",
+    "typescript": "^5.8.3"
+  }
+}
diff --git a/packages/react-shadcn-ui/src/index.ts b/packages/react-shadcn-ui/src/index.ts
new file mode 100644
index 0000000000..6ee3877c17
--- /dev/null
+++ b/packages/react-shadcn-ui/src/index.ts
@@ -0,0 +1,78 @@
+/*
+ * Generated by TSDL, don't edit this file directly.
+ */
+
+
+export { FlutterShadcnTheme } from "./lib/src/theme/theme";
+export type { FlutterShadcnThemeElement } from "./lib/src/theme/theme";
+export { FlutterShadcnTooltip } from "./lib/src/components/tooltip";
+export type { FlutterShadcnTooltipElement } from "./lib/src/components/tooltip";
+export { FlutterShadcnToast } from "./lib/src/components/toast";
+export type { FlutterShadcnToastElement } from "./lib/src/components/toast";
+export { FlutterShadcnTimePicker } from "./lib/src/components/time_picker";
+export type { FlutterShadcnTimePickerElement } from "./lib/src/components/time_picker";
+export { FlutterShadcnTextarea } from "./lib/src/components/textarea";
+export type { FlutterShadcnTextareaElement } from "./lib/src/components/textarea";
+export { FlutterShadcnTabs, FlutterShadcnTabsList, FlutterShadcnTabsTrigger, FlutterShadcnTabsContent } from "./lib/src/components/tabs";
+export type { FlutterShadcnTabsElement, FlutterShadcnTabsListElement, FlutterShadcnTabsTriggerElement, FlutterShadcnTabsContentElement } from "./lib/src/components/tabs";
+export { FlutterShadcnTable, FlutterShadcnTableHeader, FlutterShadcnTableBody, FlutterShadcnTableRow, FlutterShadcnTableHead, FlutterShadcnTableCell } from "./lib/src/components/table";
+export type { FlutterShadcnTableElement, FlutterShadcnTableHeaderElement, FlutterShadcnTableBodyElement, FlutterShadcnTableRowElement, FlutterShadcnTableHeadElement, FlutterShadcnTableCellElement } from "./lib/src/components/table";
+export { FlutterShadcnSwitch } from "./lib/src/components/switch";
+export type { FlutterShadcnSwitchElement } from "./lib/src/components/switch";
+export { FlutterShadcnSlider } from "./lib/src/components/slider";
+export type { FlutterShadcnSliderElement } from "./lib/src/components/slider";
+export { FlutterShadcnSkeleton } from "./lib/src/components/skeleton";
+export type { FlutterShadcnSkeletonElement } from "./lib/src/components/skeleton";
+export { FlutterShadcnSheet, FlutterShadcnSheetHeader, FlutterShadcnSheetTitle, FlutterShadcnSheetDescription, FlutterShadcnSheetContent, FlutterShadcnSheetFooter } from "./lib/src/components/sheet";
+export type { FlutterShadcnSheetElement, FlutterShadcnSheetHeaderElement, FlutterShadcnSheetTitleElement, FlutterShadcnSheetDescriptionElement, FlutterShadcnSheetContentElement, FlutterShadcnSheetFooterElement } from "./lib/src/components/sheet";
+export { FlutterShadcnSeparator } from "./lib/src/components/separator";
+export type { FlutterShadcnSeparatorElement } from "./lib/src/components/separator";
+export { FlutterShadcnSelect, FlutterShadcnSelectTrigger, FlutterShadcnSelectContent, FlutterShadcnSelectItem, FlutterShadcnSelectGroup, FlutterShadcnSelectLabel, FlutterShadcnSelectSeparator } from "./lib/src/components/select";
+export type { FlutterShadcnSelectElement, FlutterShadcnSelectTriggerElement, FlutterShadcnSelectContentElement, FlutterShadcnSelectItemElement, FlutterShadcnSelectGroupElement, FlutterShadcnSelectLabelElement, FlutterShadcnSelectSeparatorElement } from "./lib/src/components/select";
+export { FlutterShadcnScrollArea } from "./lib/src/components/scroll_area";
+export type { FlutterShadcnScrollAreaElement } from "./lib/src/components/scroll_area";
+export { FlutterShadcnRadio, FlutterShadcnRadioItem } from "./lib/src/components/radio";
+export type { FlutterShadcnRadioElement, FlutterShadcnRadioItemElement } from "./lib/src/components/radio";
+export { FlutterShadcnProgress } from "./lib/src/components/progress";
+export type { FlutterShadcnProgressElement } from "./lib/src/components/progress";
+export { FlutterShadcnPopover, FlutterShadcnPopoverTrigger, FlutterShadcnPopoverContent } from "./lib/src/components/popover";
+export type { FlutterShadcnPopoverElement, FlutterShadcnPopoverTriggerElement, FlutterShadcnPopoverContentElement } from "./lib/src/components/popover";
+export { FlutterShadcnInput } from "./lib/src/components/input";
+export type { FlutterShadcnInputElement } from "./lib/src/components/input";
+export { FlutterShadcnImage } from "./lib/src/components/image";
+export type { FlutterShadcnImageElement } from "./lib/src/components/image";
+export { FlutterShadcnIconButton } from "./lib/src/components/icon_button";
+export type { FlutterShadcnIconButtonElement } from "./lib/src/components/icon_button";
+export { FlutterShadcnForm, FlutterShadcnFormField, FlutterShadcnFormLabel, FlutterShadcnFormDescription, FlutterShadcnFormMessage } from "./lib/src/components/form";
+export type { FlutterShadcnFormElement, FlutterShadcnFormFieldElement, FlutterShadcnFormLabelElement, FlutterShadcnFormDescriptionElement, FlutterShadcnFormMessageElement } from "./lib/src/components/form";
+export { FlutterShadcnDropdownMenu, FlutterShadcnDropdownMenuTrigger, FlutterShadcnDropdownMenuContent, FlutterShadcnDropdownMenuItem, FlutterShadcnDropdownMenuSeparator, FlutterShadcnDropdownMenuLabel } from "./lib/src/components/dropdown_menu";
+export type { FlutterShadcnDropdownMenuElement, FlutterShadcnDropdownMenuTriggerElement, FlutterShadcnDropdownMenuContentElement, FlutterShadcnDropdownMenuItemElement, FlutterShadcnDropdownMenuSeparatorElement, FlutterShadcnDropdownMenuLabelElement } from "./lib/src/components/dropdown_menu";
+export { FlutterShadcnDialog, FlutterShadcnDialogHeader, FlutterShadcnDialogTitle, FlutterShadcnDialogDescription, FlutterShadcnDialogContent, FlutterShadcnDialogFooter } from "./lib/src/components/dialog";
+export type { FlutterShadcnDialogElement, FlutterShadcnDialogHeaderElement, FlutterShadcnDialogTitleElement, FlutterShadcnDialogDescriptionElement, FlutterShadcnDialogContentElement, FlutterShadcnDialogFooterElement } from "./lib/src/components/dialog";
+export { FlutterShadcnDatePicker } from "./lib/src/components/date_picker";
+export type { FlutterShadcnDatePickerElement } from "./lib/src/components/date_picker";
+export { FlutterShadcnContextMenu, FlutterShadcnContextMenuTrigger, FlutterShadcnContextMenuContent, FlutterShadcnContextMenuItem, FlutterShadcnContextMenuSeparator, FlutterShadcnContextMenuLabel, FlutterShadcnContextMenuSub, FlutterShadcnContextMenuSubTrigger, FlutterShadcnContextMenuSubContent, FlutterShadcnContextMenuCheckboxItem, FlutterShadcnContextMenuRadioGroup, FlutterShadcnContextMenuRadioItem } from "./lib/src/components/context_menu";
+export type { FlutterShadcnContextMenuElement, FlutterShadcnContextMenuTriggerElement, FlutterShadcnContextMenuContentElement, FlutterShadcnContextMenuItemElement, FlutterShadcnContextMenuSeparatorElement, FlutterShadcnContextMenuLabelElement, FlutterShadcnContextMenuSubElement, FlutterShadcnContextMenuSubTriggerElement, FlutterShadcnContextMenuSubContentElement, FlutterShadcnContextMenuCheckboxItemElement, FlutterShadcnContextMenuRadioGroupElement, FlutterShadcnContextMenuRadioItemElement } from "./lib/src/components/context_menu";
+export { FlutterShadcnCombobox, FlutterShadcnComboboxItem } from "./lib/src/components/combobox";
+export type { FlutterShadcnComboboxElement, FlutterShadcnComboboxItemElement } from "./lib/src/components/combobox";
+export { FlutterShadcnCollapsible, FlutterShadcnCollapsibleTrigger, FlutterShadcnCollapsibleContent } from "./lib/src/components/collapsible";
+export type { FlutterShadcnCollapsibleElement, FlutterShadcnCollapsibleTriggerElement, FlutterShadcnCollapsibleContentElement } from "./lib/src/components/collapsible";
+export { FlutterShadcnCheckbox } from "./lib/src/components/checkbox";
+export type { FlutterShadcnCheckboxElement } from "./lib/src/components/checkbox";
+export { FlutterShadcnCard, FlutterShadcnCardHeader, FlutterShadcnCardTitle, FlutterShadcnCardDescription, FlutterShadcnCardContent, FlutterShadcnCardFooter } from "./lib/src/components/card";
+export type { FlutterShadcnCardElement, FlutterShadcnCardHeaderElement, FlutterShadcnCardTitleElement, FlutterShadcnCardDescriptionElement, FlutterShadcnCardContentElement, FlutterShadcnCardFooterElement } from "./lib/src/components/card";
+export { FlutterShadcnCalendar } from "./lib/src/components/calendar";
+export type { FlutterShadcnCalendarElement } from "./lib/src/components/calendar";
+export { FlutterShadcnButton } from "./lib/src/components/button";
+export type { FlutterShadcnButtonElement } from "./lib/src/components/button";
+export { FlutterShadcnBreadcrumb, FlutterShadcnBreadcrumbList, FlutterShadcnBreadcrumbItem, FlutterShadcnBreadcrumbLink, FlutterShadcnBreadcrumbPage, FlutterShadcnBreadcrumbSeparator, FlutterShadcnBreadcrumbEllipsis, FlutterShadcnBreadcrumbDropdown, FlutterShadcnBreadcrumbDropdownItem } from "./lib/src/components/breadcrumb";
+export type { FlutterShadcnBreadcrumbElement, FlutterShadcnBreadcrumbListElement, FlutterShadcnBreadcrumbItemElement, FlutterShadcnBreadcrumbLinkElement, FlutterShadcnBreadcrumbPageElement, FlutterShadcnBreadcrumbSeparatorElement, FlutterShadcnBreadcrumbEllipsisElement, FlutterShadcnBreadcrumbDropdownElement, FlutterShadcnBreadcrumbDropdownItemElement } from "./lib/src/components/breadcrumb";
+export { FlutterShadcnBadge } from "./lib/src/components/badge";
+export type { FlutterShadcnBadgeElement } from "./lib/src/components/badge";
+export { FlutterShadcnAvatar } from "./lib/src/components/avatar";
+export type { FlutterShadcnAvatarElement } from "./lib/src/components/avatar";
+export { FlutterShadcnAlert, FlutterShadcnAlertTitle, FlutterShadcnAlertDescription } from "./lib/src/components/alert";
+export type { FlutterShadcnAlertElement, FlutterShadcnAlertTitleElement, FlutterShadcnAlertDescriptionElement } from "./lib/src/components/alert";
+export { FlutterShadcnAccordion, FlutterShadcnAccordionItem, FlutterShadcnAccordionTrigger, FlutterShadcnAccordionContent } from "./lib/src/components/accordion";
+export type { FlutterShadcnAccordionElement, FlutterShadcnAccordionItemElement, FlutterShadcnAccordionTriggerElement, FlutterShadcnAccordionContentElement } from "./lib/src/components/accordion";
+export * from './types';
diff --git a/packages/react-shadcn-ui/src/types.ts b/packages/react-shadcn-ui/src/types.ts
new file mode 100644
index 0000000000..6e4b18b902
--- /dev/null
+++ b/packages/react-shadcn-ui/src/types.ts
@@ -0,0 +1,2 @@
+/* Generated by WebF CLI - aggregated type declarations */
+export type ShadcnColorScheme = "blue" | "gray" | "green" | "neutral" | "orange" | "red" | "rose" | "slate" | "stone" | "violet" | "yellow" | "zinc";
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/tsconfig.json b/packages/react-shadcn-ui/tsconfig.json
new file mode 100644
index 0000000000..92fa5851ee
--- /dev/null
+++ b/packages/react-shadcn-ui/tsconfig.json
@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "jsx": "react-jsx",
+    "declaration": true,
+    "declarationDir": "dist",
+    "outDir": "dist",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true,
+    "baseUrl": ".",
+    "paths": {
+      "react": ["./node_modules/@types/react/index.d.ts"],
+      "react-dom": ["./node_modules/@types/react-dom/index.d.ts"],
+      "react/jsx-runtime": ["./node_modules/@types/react/jsx-runtime.d.ts"],
+      "react/jsx-dev-runtime": ["./node_modules/@types/react/jsx-dev-runtime.d.ts"]
+    }
+  },
+  "include": ["src"]
+}
diff --git a/packages/react-shadcn-ui/tsdown.config.ts b/packages/react-shadcn-ui/tsdown.config.ts
new file mode 100644
index 0000000000..7a76bc134b
--- /dev/null
+++ b/packages/react-shadcn-ui/tsdown.config.ts
@@ -0,0 +1,8 @@
+module.exports = {
+  entry: ['src/index.ts'],
+  format: ['esm', 'cjs'],
+  dts: true,
+  sourcemap: true,
+  clean: true,
+  external: ['react', 'react-dom', '@openwebf/react-core-ui'],
+};
diff --git a/use_cases/src/pages/shadcn/ShadcnInputPage.tsx b/use_cases/src/pages/shadcn/ShadcnInputPage.tsx
index 1ecfdcce76..5f38da1679 100644
--- a/use_cases/src/pages/shadcn/ShadcnInputPage.tsx
+++ b/use_cases/src/pages/shadcn/ShadcnInputPage.tsx
@@ -7,9 +7,14 @@ import {
   FlutterShadcnButton,
 } from '@openwebf/react-shadcn-ui';
 
+// New props added but not yet regenerated in the npm package types.
+// Cast to allow passing them as attributes until types are regenerated.
+const ShadcnInput = FlutterShadcnInput as React.FC<any>;
+
 export const ShadcnInputPage: React.FC = () => {
   const [inputValue, setInputValue] = useState('');
   const [textareaValue, setTextareaValue] = useState('');
+  const [submitted, setSubmitted] = useState('');
 
   return (
     <FlutterShadcnTheme colorScheme="zinc" brightness="light">
@@ -22,7 +27,7 @@ export const ShadcnInputPage: React.FC = () => {
             <div className="space-y-4">
               <div>
                 <label className="block text-sm font-medium mb-2">Default Input</label>
-                <FlutterShadcnInput
+                <ShadcnInput
                   placeholder="Enter your name"
                   value={inputValue}
                   onInput={(e: any) => setInputValue(e.target?.value || '')}
@@ -30,18 +35,26 @@ export const ShadcnInputPage: React.FC = () => {
               </div>
               <div>
                 <label className="block text-sm font-medium mb-2">Email Input</label>
-                <FlutterShadcnInput
+                <ShadcnInput
                   type="email"
                   placeholder="email@example.com"
                 />
               </div>
               <div>
                 <label className="block text-sm font-medium mb-2">Password Input</label>
-                <FlutterShadcnInput
+                <ShadcnInput
                   type="password"
                   placeholder="Enter password"
                 />
               </div>
+              <div>
+                <label className="block text-sm font-medium mb-2">Password (custom mask '*')</label>
+                <ShadcnInput
+                  type="password"
+                  placeholder="Enter password"
+                  obscuringcharacter="*"
+                />
+              </div>
             </div>
           </div>
 
@@ -50,21 +63,21 @@ export const ShadcnInputPage: React.FC = () => {
             <div className="space-y-4">
               <div>
                 <label className="block text-sm font-medium mb-2">Disabled</label>
-                <FlutterShadcnInput
+                <ShadcnInput
                   placeholder="Disabled input"
                   disabled
                 />
               </div>
               <div>
                 <label className="block text-sm font-medium mb-2">Read Only</label>
-                <FlutterShadcnInput
+                <ShadcnInput
                   value="Read only value"
                   readonly
                 />
               </div>
               <div>
                 <label className="block text-sm font-medium mb-2">With Max Length (20)</label>
-                <FlutterShadcnInput
+                <ShadcnInput
                   placeholder="Max 20 characters"
                   maxlength="20"
                 />
@@ -72,6 +85,100 @@ export const ShadcnInputPage: React.FC = () => {
             </div>
           </div>
 
+          <div className="mb-8">
+            <h2 className="text-lg font-semibold mb-4">Text Alignment</h2>
+            <div className="space-y-4">
+              <div>
+                <label className="block text-sm font-medium mb-2">Left (default)</label>
+                <ShadcnInput placeholder="Left aligned" textalign="left" />
+              </div>
+              <div>
+                <label className="block text-sm font-medium mb-2">Center</label>
+                <ShadcnInput placeholder="Center aligned" textalign="center" />
+              </div>
+              <div>
+                <label className="block text-sm font-medium mb-2">Right</label>
+                <ShadcnInput placeholder="Right aligned" textalign="right" />
+              </div>
+            </div>
+          </div>
+
+          <div className="mb-8">
+            <h2 className="text-lg font-semibold mb-4">Keyboard & Input Behavior</h2>
+            <div className="space-y-4">
+              <div>
+                <label className="block text-sm font-medium mb-2">Autocapitalize: words</label>
+                <ShadcnInput
+                  placeholder="Each Word Capitalized"
+                  autocapitalize="words"
+                />
+              </div>
+              <div>
+                <label className="block text-sm font-medium mb-2">No autocorrect / suggestions</label>
+                <ShadcnInput
+                  placeholder="Raw input"
+                  autocorrect={false}
+                  enablesuggestions={false}
+                />
+              </div>
+              <div>
+                <label className="block text-sm font-medium mb-2">Enter key: search</label>
+                <ShadcnInput
+                  placeholder="Search..."
+                  type="search"
+                  enterkeyhint="search"
+                />
+              </div>
+              <div>
+                <label className="block text-sm font-medium mb-2">
+                  Submit event (enterkeyhint: done)
+                </label>
+                <ShadcnInput
+                  placeholder="Press Enter to submit"
+                  enterkeyhint="done"
+                  onSubmit={() => setSubmitted('Submitted!')}
+                />
+                {submitted && (
+                  <span className="text-sm text-green-600 mt-1 block">{submitted}</span>
+                )}
+              </div>
+            </div>
+          </div>
+
+          <div className="mb-8">
+            <h2 className="text-lg font-semibold mb-4">Multi-line Input</h2>
+            <div className="space-y-4">
+              <div>
+                <label className="block text-sm font-medium mb-2">Min 2 / Max 5 lines</label>
+                <ShadcnInput
+                  placeholder="Grows from 2 to 5 lines..."
+                  minlines="2"
+                  maxlines="5"
+                />
+              </div>
+            </div>
+          </div>
+
+          <div className="mb-8">
+            <h2 className="text-lg font-semibold mb-4">Cursor & Selection Colors</h2>
+            <div className="space-y-4">
+              <div>
+                <label className="block text-sm font-medium mb-2">Red cursor</label>
+                <ShadcnInput
+                  placeholder="Type here..."
+                  cursorcolor="#FF0000"
+                />
+              </div>
+              <div>
+                <label className="block text-sm font-medium mb-2">Blue selection</label>
+                <ShadcnInput
+                  placeholder="Select some text..."
+                  selectioncolor="#4488FF"
+                />
+              </div>
+            </div>
+          </div>
+
           <div className="mb-8">
             <h2 className="text-lg font-semibold mb-4">Textarea</h2>
             <div className="space-y-4">
@@ -100,11 +207,16 @@ export const ShadcnInputPage: React.FC = () => {
             <div className="space-y-4 p-4 border rounded-lg">
               <div>
                 <label className="block text-sm font-medium mb-2">Username</label>
-                <FlutterShadcnInput placeholder="johndoe" />
+                <ShadcnInput placeholder="johndoe" enterkeyhint="next" />
               </div>
               <div>
                 <label className="block text-sm font-medium mb-2">Email</label>
-                <FlutterShadcnInput type="email" placeholder="john@example.com" />
+                <ShadcnInput
+                  type="email"
+                  placeholder="john@example.com"
+                  enterkeyhint="next"
+                  autocapitalize="none"
+                />
               </div>
               <div>
                 <label className="block text-sm font-medium mb-2">Bio</label>

From fc50ee97ad51cc10f5e8c63bada5187b26ed8815 Mon Sep 17 00:00:00 2001
From: CGQAQ <m.jason.liu@outlook.com>
Date: Wed, 11 Feb 2026 22:05:47 +0800
Subject: [PATCH 3/8] fix(shadcn-input): add alignment mapping for textAlign
 support

Map textAlign to ShadInput's alignment and placeholderAlignment
parameters so both typed text and placeholder render correctly
for center and right alignment.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../lib/src/components/input.dart             | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/native_uis/webf_shadcn_ui/lib/src/components/input.dart b/native_uis/webf_shadcn_ui/lib/src/components/input.dart
index 1a5580c0d5..7796903020 100644
--- a/native_uis/webf_shadcn_ui/lib/src/components/input.dart
+++ b/native_uis/webf_shadcn_ui/lib/src/components/input.dart
@@ -452,12 +452,32 @@ class FlutterShadcnInputState extends WebFWidgetElementState {
       ];
     }
 
+    // Map textAlign to ShadInput's alignment + placeholderAlignment.
+    // ShadInput uses three separate alignment controls:
+    //   textAlign        -> text within EditableText
+    //   alignment        -> positions the EditableText widget in the Stack
+    //   placeholderAlignment -> positions the placeholder Text in the Stack
+    AlignmentGeometry? widgetAlignment;
+    switch (widgetElement._textAlign) {
+      case TextAlign.center:
+        widgetAlignment = Alignment.topCenter;
+        break;
+      case TextAlign.right:
+      case TextAlign.end:
+        widgetAlignment = Alignment.topRight;
+        break;
+      default:
+        widgetAlignment = null; // ShadInput defaults to topLeft
+    }
+
     return ShadInput(
       controller: _controller,
       focusNode: _focusNode,
       placeholder: widgetElement.placeholder != null
           ? Text(widgetElement.placeholder!)
           : null,
+      placeholderAlignment: widgetAlignment,
+      alignment: widgetAlignment,
       enabled: !widgetElement.disabled,
       readOnly: widgetElement.readonly,
       obscureText: widgetElement.obscureText,

From f1b5cc3e1e4ef341b27fdcda6ef76077c727cc91 Mon Sep 17 00:00:00 2001
From: CGQAQ <m.jason.liu@outlook.com>
Date: Wed, 11 Feb 2026 22:07:00 +0800
Subject: [PATCH 4/8] refactor(use-cases): use FlutterShadcnInput directly in
 input demo

Remove unnecessary React.FC<any> cast now that local package
has proper types for all new input properties.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../src/pages/shadcn/ShadcnInputPage.tsx      | 42 +++++++++----------
 1 file changed, 19 insertions(+), 23 deletions(-)

diff --git a/use_cases/src/pages/shadcn/ShadcnInputPage.tsx b/use_cases/src/pages/shadcn/ShadcnInputPage.tsx
index 5f38da1679..18f804003a 100644
--- a/use_cases/src/pages/shadcn/ShadcnInputPage.tsx
+++ b/use_cases/src/pages/shadcn/ShadcnInputPage.tsx
@@ -7,10 +7,6 @@ import {
   FlutterShadcnButton,
 } from '@openwebf/react-shadcn-ui';
 
-// New props added but not yet regenerated in the npm package types.
-// Cast to allow passing them as attributes until types are regenerated.
-const ShadcnInput = FlutterShadcnInput as React.FC<any>;
-
 export const ShadcnInputPage: React.FC = () => {
   const [inputValue, setInputValue] = useState('');
   const [textareaValue, setTextareaValue] = useState('');
@@ -27,7 +23,7 @@ export const ShadcnInputPage: React.FC = () => {
             <div className="space-y-4">
               <div>
                 <label className="block text-sm font-medium mb-2">Default Input</label>
-                <ShadcnInput
+                <FlutterShadcnInput
                   placeholder="Enter your name"
                   value={inputValue}
                   onInput={(e: any) => setInputValue(e.target?.value || '')}
@@ -35,21 +31,21 @@ export const ShadcnInputPage: React.FC = () => {
               </div>
               <div>
                 <label className="block text-sm font-medium mb-2">Email Input</label>
-                <ShadcnInput
+                <FlutterShadcnInput
                   type="email"
                   placeholder="email@example.com"
                 />
               </div>
               <div>
                 <label className="block text-sm font-medium mb-2">Password Input</label>
-                <ShadcnInput
+                <FlutterShadcnInput
                   type="password"
                   placeholder="Enter password"
                 />
               </div>
               <div>
                 <label className="block text-sm font-medium mb-2">Password (custom mask '*')</label>
-                <ShadcnInput
+                <FlutterShadcnInput
                   type="password"
                   placeholder="Enter password"
                   obscuringcharacter="*"
@@ -63,21 +59,21 @@ export const ShadcnInputPage: React.FC = () => {
             <div className="space-y-4">
               <div>
                 <label className="block text-sm font-medium mb-2">Disabled</label>
-                <ShadcnInput
+                <FlutterShadcnInput
                   placeholder="Disabled input"
                   disabled
                 />
               </div>
               <div>
                 <label className="block text-sm font-medium mb-2">Read Only</label>
-                <ShadcnInput
+                <FlutterShadcnInput
                   value="Read only value"
                   readonly
                 />
               </div>
               <div>
                 <label className="block text-sm font-medium mb-2">With Max Length (20)</label>
-                <ShadcnInput
+                <FlutterShadcnInput
                   placeholder="Max 20 characters"
                   maxlength="20"
                 />
@@ -90,15 +86,15 @@ export const ShadcnInputPage: React.FC = () => {
             <div className="space-y-4">
               <div>
                 <label className="block text-sm font-medium mb-2">Left (default)</label>
-                <ShadcnInput placeholder="Left aligned" textalign="left" />
+                <FlutterShadcnInput placeholder="Left aligned" textalign="left" />
               </div>
               <div>
                 <label className="block text-sm font-medium mb-2">Center</label>
-                <ShadcnInput placeholder="Center aligned" textalign="center" />
+                <FlutterShadcnInput placeholder="Center aligned" textalign="center" />
               </div>
               <div>
                 <label className="block text-sm font-medium mb-2">Right</label>
-                <ShadcnInput placeholder="Right aligned" textalign="right" />
+                <FlutterShadcnInput placeholder="Right aligned" textalign="right" />
               </div>
             </div>
           </div>
@@ -108,14 +104,14 @@ export const ShadcnInputPage: React.FC = () => {
             <div className="space-y-4">
               <div>
                 <label className="block text-sm font-medium mb-2">Autocapitalize: words</label>
-                <ShadcnInput
+                <FlutterShadcnInput
                   placeholder="Each Word Capitalized"
                   autocapitalize="words"
                 />
               </div>
               <div>
                 <label className="block text-sm font-medium mb-2">No autocorrect / suggestions</label>
-                <ShadcnInput
+                <FlutterShadcnInput
                   placeholder="Raw input"
                   autocorrect={false}
                   enablesuggestions={false}
@@ -123,7 +119,7 @@ export const ShadcnInputPage: React.FC = () => {
               </div>
               <div>
                 <label className="block text-sm font-medium mb-2">Enter key: search</label>
-                <ShadcnInput
+                <FlutterShadcnInput
                   placeholder="Search..."
                   type="search"
                   enterkeyhint="search"
@@ -133,7 +129,7 @@ export const ShadcnInputPage: React.FC = () => {
                 <label className="block text-sm font-medium mb-2">
                   Submit event (enterkeyhint: done)
                 </label>
-                <ShadcnInput
+                <FlutterShadcnInput
                   placeholder="Press Enter to submit"
                   enterkeyhint="done"
                   onSubmit={() => setSubmitted('Submitted!')}
@@ -150,7 +146,7 @@ export const ShadcnInputPage: React.FC = () => {
             <div className="space-y-4">
               <div>
                 <label className="block text-sm font-medium mb-2">Min 2 / Max 5 lines</label>
-                <ShadcnInput
+                <FlutterShadcnInput
                   placeholder="Grows from 2 to 5 lines..."
                   minlines="2"
                   maxlines="5"
@@ -164,14 +160,14 @@ export const ShadcnInputPage: React.FC = () => {
             <div className="space-y-4">
               <div>
                 <label className="block text-sm font-medium mb-2">Red cursor</label>
-                <ShadcnInput
+                <FlutterShadcnInput
                   placeholder="Type here..."
                   cursorcolor="#FF0000"
                 />
               </div>
               <div>
                 <label className="block text-sm font-medium mb-2">Blue selection</label>
-                <ShadcnInput
+                <FlutterShadcnInput
                   placeholder="Select some text..."
                   selectioncolor="#4488FF"
                 />
@@ -207,11 +203,11 @@ export const ShadcnInputPage: React.FC = () => {
             <div className="space-y-4 p-4 border rounded-lg">
               <div>
                 <label className="block text-sm font-medium mb-2">Username</label>
-                <ShadcnInput placeholder="johndoe" enterkeyhint="next" />
+                <FlutterShadcnInput placeholder="johndoe" enterkeyhint="next" />
               </div>
               <div>
                 <label className="block text-sm font-medium mb-2">Email</label>
-                <ShadcnInput
+                <FlutterShadcnInput
                   type="email"
                   placeholder="john@example.com"
                   enterkeyhint="next"

From 3cf6ede78de87bcba713938c5061ac2e3e216d65 Mon Sep 17 00:00:00 2001
From: CGQAQ <m.jason.liu@outlook.com>
Date: Wed, 11 Feb 2026 22:06:00 +0800
Subject: [PATCH 5/8] chore(use-cases): link local react-shadcn-ui package

Replace npm registry dependency with link to local generated
package so new props (textalign, cursorcolor, etc.) are available.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 use_cases/package.json   |  2 +-
 use_cases/pnpm-lock.yaml | 32 +++++++++++++++++---------------
 2 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/use_cases/package.json b/use_cases/package.json
index 722f865a93..50b33a66ca 100644
--- a/use_cases/package.json
+++ b/use_cases/package.json
@@ -8,7 +8,7 @@
     "@openwebf/react-cupertino-ui": "^0.3.35",
     "@openwebf/react-lucide-icons": "^0.1.0",
     "@openwebf/react-router": "1.0.0",
-    "@openwebf/react-shadcn-ui": "^0.1.0",
+    "@openwebf/react-shadcn-ui": "link:../packages/react-shadcn-ui",
     "@openwebf/react-ui-kit": "^0.1.0-beta.1",
     "@openwebf/react-video-player": "^1.0.0",
     "@openwebf/webf-bluetooth": "^1.0.0",
diff --git a/use_cases/pnpm-lock.yaml b/use_cases/pnpm-lock.yaml
index e309994f6d..f56c9291cc 100644
--- a/use_cases/pnpm-lock.yaml
+++ b/use_cases/pnpm-lock.yaml
@@ -24,8 +24,8 @@ importers:
         specifier: 1.0.0
         version: 1.0.0(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
       '@openwebf/react-shadcn-ui':
-        specifier: ^0.1.0
-        version: 0.1.0(@openwebf/react-core-ui@0.24.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
+        specifier: link:../packages/react-shadcn-ui
+        version: link:../packages/react-shadcn-ui
       '@openwebf/react-ui-kit':
         specifier: ^0.1.0-beta.1
         version: 0.1.0-beta.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
@@ -1253,13 +1253,6 @@ packages:
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
 
-  '@openwebf/react-shadcn-ui@0.1.0':
-    resolution: {integrity: sha512-tYiuRknaK9IoLe9W1c8jI+XzJCauZuVle9HJIzsBmzqQUghY3cXruq3bTZGS72GNbHefjK10tbOHE9Yj2fSKQg==}
-    peerDependencies:
-      '@openwebf/react-core-ui': ^0.24.1
-      react: '>=16.8.0'
-      react-dom: '>=16.8.0'
-
   '@openwebf/react-ui-kit@0.1.0-beta.1':
     resolution: {integrity: sha512-Z95UhcaI304WI6nojZjk7o15ZVD0rGX9EpLbOoryOzdyY0R5yyl7oP1cmirilL8twvwXdKHqpiKm7XFYGQUtLw==}
     peerDependencies:
@@ -1388,56 +1381,67 @@ packages:
     resolution: {integrity: sha512-9tS4QyfU5NF5CdUugEi7kWbcGD7pbu6Fm8SunuePH6beeQgtcRZ9K9KVwKHEgfBHeeyrr5OvfV1qWs7PMDOf5w==}
     cpu: [arm]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-arm-musleabihf@4.53.0':
     resolution: {integrity: sha512-U+0ovxGU9bVJIHfW+oALpHd0ho1YDwhj0yHASDzIj+bOeo+VzEpNtHxcjhFab0YcHUorIMoqyxckC98+81oTJw==}
     cpu: [arm]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-arm64-gnu@4.53.0':
     resolution: {integrity: sha512-Cp/TQ+wLjRTqTuiVwLz4XPZMo3ROl7EJYMF8HhMp8Uf+9kOOATB3/p4gGZPpuQ4BP7qEXG29ET24u9+F0ERYkQ==}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-arm64-musl@4.53.0':
     resolution: {integrity: sha512-SuGoAwhsSonrSTEZTiQOGC3+XZfq7rc/qAdAOBrYYIp8pu+Wh4EFFXl6+QYYNbNrHL3DnVoWACLwnfwlTa0neA==}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-loong64-gnu@4.53.0':
     resolution: {integrity: sha512-EOKej1x0WoePnJWfg7ZbnUqiuiQunshzsKZSIfTHFDiCY9pnsr3Weit1GjcpGnun7H5HuRREqkT2c9CcKxNwSg==}
     cpu: [loong64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-ppc64-gnu@4.53.0':
     resolution: {integrity: sha512-YAvv2aMFlfiawJ97lutomuehG2Yowd4YgsAqI85XNiMK9eBA1vEMZHt3BShg8cUvak71BM+VFRHddqc+OrRdVA==}
     cpu: [ppc64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-riscv64-gnu@4.53.0':
     resolution: {integrity: sha512-DxZe/sMVaqN+s5kVk3Iq619Rgyl1JCTob7xOLSNC84mbzg3NYTSheqqrtVllYjLYo4wm9YyqjVS57miuzNyXbQ==}
     cpu: [riscv64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-riscv64-musl@4.53.0':
     resolution: {integrity: sha512-N7+iZ0jEhwLY1FEsjbCR9lAxIZP0k+3Cghx9vSQWn+rcW8SgN8VcCmwJDoPDaGKTzWWB791U1s79BSLnEhUa0Q==}
     cpu: [riscv64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-s390x-gnu@4.53.0':
     resolution: {integrity: sha512-MA/NVneZyIskjvXdh2NR9YcPi7eHWBlQOWP2X8OymzyeUEB0JfUpmbKQZngHmOlyleV2IoR5nHIgMSRjLskOnA==}
     cpu: [s390x]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-x64-gnu@4.53.0':
     resolution: {integrity: sha512-iYEYzYpfaSCkunVD0LOYrD9OMc357be7+rBuCxW1qvsjCGl+95iWnYAFfyEoxAm6koasNN3tFxFYze5MKl5S3A==}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-x64-musl@4.53.0':
     resolution: {integrity: sha512-FoRekOqhRUKbJMsB5LvhQchDeFeNlS6UGUwi0p3860sxE4zE+lp07FnkuR+yQH0rSn6iLXsnr44jnorgl8mGlQ==}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-openharmony-arm64@4.53.0':
     resolution: {integrity: sha512-mEN2k1zKO5PUzW8W15hKpLh+zZI2by1onX2GfI93OekGbKN5aTjWGo7yAjwRZLjhAgs2UQcXmEWbIw0R5B4RnQ==}
@@ -1561,24 +1565,28 @@ packages:
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@swc/core-linux-arm64-musl@1.15.0':
     resolution: {integrity: sha512-Q5ldc2bzriuzYEoAuqJ9Vr3FyZhakk5hiwDbniZ8tlEXpbjBhbOleGf9/gkhLaouDnkNUEazFW9mtqwUTRdh7Q==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@swc/core-linux-x64-gnu@1.15.0':
     resolution: {integrity: sha512-pY4is+jEpOxlYCSnI+7N8Oxbap9TmTz5YT84tUvRTlOlTBwFAUlWFCX0FRwWJlsfP0TxbqhIe8dNNzlsEmJbXQ==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@swc/core-linux-x64-musl@1.15.0':
     resolution: {integrity: sha512-zYEt5eT8y8RUpoe7t5pjpoOdGu+/gSTExj8PV86efhj6ugB3bPlj3Y85ogdW3WMVXr4NvwqvzdaYGCZfXzSyVg==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@swc/core-win32-arm64-msvc@1.15.0':
     resolution: {integrity: sha512-zC1rmOgFH5v2BCbByOazEqs0aRNpTdLRchDExfcCfgKgeaD+IdpUOqp7i3VG1YzkcnbuZjMlXfM0ugpt+CddoA==}
@@ -7512,12 +7520,6 @@ snapshots:
       react: 19.2.0
       react-dom: 19.2.0(react@19.2.0)
 
-  '@openwebf/react-shadcn-ui@0.1.0(@openwebf/react-core-ui@0.24.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0))(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
-    dependencies:
-      '@openwebf/react-core-ui': 0.24.2(react-dom@19.2.0(react@19.2.0))(react@19.2.0)
-      react: 19.2.0
-      react-dom: 19.2.0(react@19.2.0)
-
   '@openwebf/react-ui-kit@0.1.0-beta.1(react-dom@19.2.0(react@19.2.0))(react@19.2.0)':
     dependencies:
       '@openwebf/react-core-ui': 0.2.13(react-dom@19.2.0(react@19.2.0))(react@19.2.0)

From 0c2ef6b669b639d583979c2ed53cab76a05e1002 Mon Sep 17 00:00:00 2001
From: CGQAQ <m.jason.liu@outlook.com>
Date: Thu, 12 Feb 2026 20:22:56 +0800
Subject: [PATCH 6/8] fix(use-cases): add prebuild step for linked
 react-shadcn-ui package

On CI, the linked package's dist/ doesn't exist since it's
gitignored. Add a prebuild script to build it before vite build.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 use_cases/package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/use_cases/package.json b/use_cases/package.json
index 50b33a66ca..2bb0606855 100644
--- a/use_cases/package.json
+++ b/use_cases/package.json
@@ -33,6 +33,7 @@
   "scripts": {
     "start": "vite",
     "dev": "vite",
+    "prebuild": "pnpm -C ../packages/react-shadcn-ui run build",
     "build": "vite build",
     "preview": "vite preview",
     "test": "react-scripts test"

From c8dbfb941e204a22c95445b92090c58b324c6213 Mon Sep 17 00:00:00 2001
From: CGQAQ <m.jason.liu@outlook.com>
Date: Thu, 12 Feb 2026 20:26:22 +0800
Subject: [PATCH 7/8] fix(use-cases): install react-shadcn-ui deps before
 prebuild

CI doesn't have node_modules for the linked package, so
pnpm install is needed before tsdown can run.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 use_cases/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/use_cases/package.json b/use_cases/package.json
index 2bb0606855..52450bcfb5 100644
--- a/use_cases/package.json
+++ b/use_cases/package.json
@@ -33,7 +33,7 @@
   "scripts": {
     "start": "vite",
     "dev": "vite",
-    "prebuild": "pnpm -C ../packages/react-shadcn-ui run build",
+    "prebuild": "pnpm -C ../packages/react-shadcn-ui install && pnpm -C ../packages/react-shadcn-ui run build",
     "build": "vite build",
     "preview": "vite preview",
     "test": "react-scripts test"

From feee4ecb4a99a0a67481ceeee3f5594cb6c47fcc Mon Sep 17 00:00:00 2001
From: CGQAQ <m.jason.liu@outlook.com>
Date: Thu, 12 Feb 2026 20:30:08 +0800
Subject: [PATCH 8/8] fix(react-shadcn-ui): track generated src/lib/ files for
 CI builds

The .gitignore `lib/` rule was too broad, also excluding `src/lib/`
which contains the generated .tsx component files needed for tsdown
to build. Change to `/lib/` to only ignore root lib/ directory.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 packages/react-shadcn-ui/.gitignore           |   2 +-
 .../src/lib/src/components/accordion.tsx      | 267 ++++++
 .../src/lib/src/components/alert.tsx          | 185 ++++
 .../src/lib/src/components/avatar.tsx         |  89 ++
 .../src/lib/src/components/badge.tsx          |  72 ++
 .../src/lib/src/components/breadcrumb.tsx     | 572 ++++++++++++
 .../src/lib/src/components/button.tsx         | 119 +++
 .../src/lib/src/components/calendar.tsx       | 210 +++++
 .../src/lib/src/components/card.tsx           | 330 +++++++
 .../src/lib/src/components/checkbox.tsx       |  96 ++
 .../src/lib/src/components/collapsible.tsx    | 193 ++++
 .../src/lib/src/components/combobox.tsx       | 200 +++++
 .../src/lib/src/components/context_menu.tsx   | 832 ++++++++++++++++++
 .../src/lib/src/components/date_picker.tsx    | 112 +++
 .../src/lib/src/components/dialog.tsx         | 371 ++++++++
 .../src/lib/src/components/dropdown_menu.tsx  | 376 ++++++++
 .../src/lib/src/components/form.tsx           | 572 ++++++++++++
 .../src/lib/src/components/icon_button.tsx    | 154 ++++
 .../src/lib/src/components/image.tsx          | 123 +++
 .../src/lib/src/components/input.tsx          | 268 ++++++
 .../src/lib/src/components/popover.tsx        | 217 +++++
 .../src/lib/src/components/progress.tsx       |  83 ++
 .../src/lib/src/components/radio.tsx          | 162 ++++
 .../src/lib/src/components/scroll_area.tsx    |  70 ++
 .../src/lib/src/components/select.tsx         | 540 ++++++++++++
 .../src/lib/src/components/separator.tsx      |  68 ++
 .../src/lib/src/components/sheet.tsx          | 373 ++++++++
 .../src/lib/src/components/skeleton.tsx       |  81 ++
 .../src/lib/src/components/slider.tsx         | 134 +++
 .../src/lib/src/components/switch.tsx         |  89 ++
 .../src/lib/src/components/table.tsx          | 327 +++++++
 .../src/lib/src/components/tabs.tsx           | 269 ++++++
 .../src/lib/src/components/textarea.tsx       | 163 ++++
 .../src/lib/src/components/time_picker.tsx    | 104 +++
 .../src/lib/src/components/toast.tsx          | 110 +++
 .../src/lib/src/components/tooltip.tsx        |  95 ++
 .../src/lib/src/theme/theme.tsx               |  93 ++
 37 files changed, 8120 insertions(+), 1 deletion(-)
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/accordion.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/alert.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/avatar.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/badge.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/breadcrumb.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/button.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/calendar.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/card.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/checkbox.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/collapsible.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/combobox.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/context_menu.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/date_picker.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/dialog.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/dropdown_menu.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/form.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/icon_button.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/image.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/input.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/popover.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/progress.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/radio.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/scroll_area.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/select.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/separator.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/sheet.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/skeleton.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/slider.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/switch.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/table.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/tabs.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/textarea.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/time_picker.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/toast.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/components/tooltip.tsx
 create mode 100644 packages/react-shadcn-ui/src/lib/src/theme/theme.tsx

diff --git a/packages/react-shadcn-ui/.gitignore b/packages/react-shadcn-ui/.gitignore
index 8c63a6a0a9..2b60337458 100644
--- a/packages/react-shadcn-ui/.gitignore
+++ b/packages/react-shadcn-ui/.gitignore
@@ -1,5 +1,5 @@
 node_modules/
-lib/
+/lib/
 dist/
 .DS_Store
 *.log
diff --git a/packages/react-shadcn-ui/src/lib/src/components/accordion.tsx b/packages/react-shadcn-ui/src/lib/src/components/accordion.tsx
new file mode 100644
index 0000000000..d69c9584ad
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/accordion.tsx
@@ -0,0 +1,267 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnAccordionProps {
+  /**
+   * Selection type.
+   * - 'single': Only one item can be expanded
+   * - 'multiple': Multiple items can be expanded
+   * Default: 'single'
+   */
+  type?: string;
+  /**
+   * Currently expanded item(s) value(s).
+   * For single type: string, for multiple type: comma-separated string
+   */
+  value?: string;
+  /**
+   * Allow collapsing all items in single mode.
+   * Default: true
+   */
+  collapsible?: boolean;
+  /**
+   * change event handler
+   */
+  onChange?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnAccordionElement extends WebFElementWithMethods<{
+}> {
+  /** Selection type. */
+  type?: string;
+  /** Currently expanded item(s) value(s). */
+  value?: string;
+  /** Allow collapsing all items in single mode. */
+  collapsible?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-accordion>
+A collapsible accordion component.
+@example
+```html
+<flutter-shadcn-accordion type="single">
+  <flutter-shadcn-accordion-item value="item-1">
+    <flutter-shadcn-accordion-trigger>Is it accessible?</flutter-shadcn-accordion-trigger>
+    <flutter-shadcn-accordion-content>Yes. It adheres to the WAI-ARIA design pattern.</flutter-shadcn-accordion-content>
+  </flutter-shadcn-accordion-item>
+</flutter-shadcn-accordion>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnAccordion
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnAccordion>
+ * ```
+ */
+export const FlutterShadcnAccordion = createWebFComponent<FlutterShadcnAccordionElement, FlutterShadcnAccordionProps>({
+  tagName: 'flutter-shadcn-accordion',
+  displayName: 'FlutterShadcnAccordion',
+  // Map props to attributes
+  attributeProps: [
+    'type',
+    'value',
+    'collapsible',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onChange',
+      eventName: 'change',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnAccordionItemProps {
+  /**
+   * value property
+   */
+  value: string;
+  /**
+   * disabled property
+   * @default undefined
+   */
+  disabled?: boolean;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnAccordionItemElement extends WebFElementWithMethods<{
+}> {
+  value: string;
+  disabled?: boolean;
+}
+/**
+ * FlutterShadcnAccordionItem - WebF FlutterShadcnAccordionItem component
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnAccordionItem
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnAccordionItem>
+ * ```
+ */
+export const FlutterShadcnAccordionItem = createWebFComponent<FlutterShadcnAccordionItemElement, FlutterShadcnAccordionItemProps>({
+  tagName: 'flutter-shadcn-accordion-item',
+  displayName: 'FlutterShadcnAccordionItem',
+  // Map props to attributes
+  attributeProps: [
+    'value',
+    'disabled',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnAccordionTriggerProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnAccordionTriggerElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * FlutterShadcnAccordionTrigger - WebF FlutterShadcnAccordionTrigger component
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnAccordionTrigger
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnAccordionTrigger>
+ * ```
+ */
+export const FlutterShadcnAccordionTrigger = createWebFComponent<FlutterShadcnAccordionTriggerElement, FlutterShadcnAccordionTriggerProps>({
+  tagName: 'flutter-shadcn-accordion-trigger',
+  displayName: 'FlutterShadcnAccordionTrigger',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnAccordionContentProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnAccordionContentElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * FlutterShadcnAccordionContent - WebF FlutterShadcnAccordionContent component
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnAccordionContent
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnAccordionContent>
+ * ```
+ */
+export const FlutterShadcnAccordionContent = createWebFComponent<FlutterShadcnAccordionContentElement, FlutterShadcnAccordionContentProps>({
+  tagName: 'flutter-shadcn-accordion-content',
+  displayName: 'FlutterShadcnAccordionContent',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/alert.tsx b/packages/react-shadcn-ui/src/lib/src/components/alert.tsx
new file mode 100644
index 0000000000..69729f6eb8
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/alert.tsx
@@ -0,0 +1,185 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnAlertProps {
+  /**
+   * Visual variant of the alert.
+   * - 'default': Standard informational alert
+   * - 'destructive': Red destructive/error alert
+   * Default: 'default'
+   */
+  variant?: string;
+  /**
+   * Icon name to display in the alert.
+   */
+  icon?: string;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnAlertElement extends WebFElementWithMethods<{
+}> {
+  /** Visual variant of the alert. */
+  variant?: string;
+  /** Icon name to display in the alert. */
+  icon?: string;
+}
+/**
+ * Properties for <flutter-shadcn-alert>
+An alert component for displaying important messages.
+@example
+```html
+<flutter-shadcn-alert variant="default">
+  <flutter-shadcn-alert-title>Heads up!</flutter-shadcn-alert-title>
+  <flutter-shadcn-alert-description>
+    You can add components to your app using the CLI.
+  </flutter-shadcn-alert-description>
+</flutter-shadcn-alert>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnAlert
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnAlert>
+ * ```
+ */
+export const FlutterShadcnAlert = createWebFComponent<FlutterShadcnAlertElement, FlutterShadcnAlertProps>({
+  tagName: 'flutter-shadcn-alert',
+  displayName: 'FlutterShadcnAlert',
+  // Map props to attributes
+  attributeProps: [
+    'variant',
+    'icon',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnAlertTitleProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnAlertTitleElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-alert-title>
+Title slot for the alert.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnAlertTitle
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnAlertTitle>
+ * ```
+ */
+export const FlutterShadcnAlertTitle = createWebFComponent<FlutterShadcnAlertTitleElement, FlutterShadcnAlertTitleProps>({
+  tagName: 'flutter-shadcn-alert-title',
+  displayName: 'FlutterShadcnAlertTitle',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnAlertDescriptionProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnAlertDescriptionElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-alert-description>
+Description slot for the alert.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnAlertDescription
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnAlertDescription>
+ * ```
+ */
+export const FlutterShadcnAlertDescription = createWebFComponent<FlutterShadcnAlertDescriptionElement, FlutterShadcnAlertDescriptionProps>({
+  tagName: 'flutter-shadcn-alert-description',
+  displayName: 'FlutterShadcnAlertDescription',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/avatar.tsx b/packages/react-shadcn-ui/src/lib/src/components/avatar.tsx
new file mode 100644
index 0000000000..ff8864483f
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/avatar.tsx
@@ -0,0 +1,89 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnAvatarProps {
+  /**
+   * URL of the avatar image.
+   */
+  src?: string;
+  /**
+   * Alt text for the image.
+   */
+  alt?: string;
+  /**
+   * Fallback text/initials when image fails to load or is not provided.
+   */
+  fallback?: string;
+  /**
+   * Size of the avatar in pixels.
+   * Default: 40
+   */
+  size?: string;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnAvatarElement extends WebFElementWithMethods<{
+}> {
+  /** URL of the avatar image. */
+  src?: string;
+  /** Alt text for the image. */
+  alt?: string;
+  /** Fallback text/initials when image fails to load or is not provided. */
+  fallback?: string;
+  /** Size of the avatar in pixels. */
+  size?: string;
+}
+/**
+ * Properties for <flutter-shadcn-avatar>
+An avatar component for displaying user images or initials.
+@example
+```html
+<flutter-shadcn-avatar src="https://example.com/avatar.jpg" alt="John Doe" />
+<flutter-shadcn-avatar fallback="JD" />
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnAvatar
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnAvatar>
+ * ```
+ */
+export const FlutterShadcnAvatar = createWebFComponent<FlutterShadcnAvatarElement, FlutterShadcnAvatarProps>({
+  tagName: 'flutter-shadcn-avatar',
+  displayName: 'FlutterShadcnAvatar',
+  // Map props to attributes
+  attributeProps: [
+    'src',
+    'alt',
+    'fallback',
+    'size',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/badge.tsx b/packages/react-shadcn-ui/src/lib/src/components/badge.tsx
new file mode 100644
index 0000000000..fafc0e1697
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/badge.tsx
@@ -0,0 +1,72 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnBadgeProps {
+  /**
+   * Visual variant of the badge.
+   * - 'default': Primary filled badge
+   * - 'secondary': Secondary muted badge
+   * - 'destructive': Red destructive badge
+   * - 'outline': Bordered outline badge
+   * Default: 'default'
+   */
+  variant?: string;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnBadgeElement extends WebFElementWithMethods<{
+}> {
+  /** Visual variant of the badge. */
+  variant?: string;
+}
+/**
+ * Properties for <flutter-shadcn-badge>
+A small badge component for displaying labels or counts.
+@example
+```html
+<flutter-shadcn-badge variant="default">New</flutter-shadcn-badge>
+<flutter-shadcn-badge variant="destructive">Error</flutter-shadcn-badge>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnBadge
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnBadge>
+ * ```
+ */
+export const FlutterShadcnBadge = createWebFComponent<FlutterShadcnBadgeElement, FlutterShadcnBadgeProps>({
+  tagName: 'flutter-shadcn-badge',
+  displayName: 'FlutterShadcnBadge',
+  // Map props to attributes
+  attributeProps: [
+    'variant',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/breadcrumb.tsx b/packages/react-shadcn-ui/src/lib/src/components/breadcrumb.tsx
new file mode 100644
index 0000000000..f8214d490e
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/breadcrumb.tsx
@@ -0,0 +1,572 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnBreadcrumbProps {
+  /**
+   * Spacing between breadcrumb items.
+   * @default 10
+   */
+  spacing?: number;
+  /**
+   * Custom separator between items.
+   * Predefined values: 'slash', '/', 'arrow', '>', 'dash', '-', 'dot', '.', 'chevron'
+   * Or any custom string to use as separator text.
+   * @default chevron icon
+   */
+  separator?: 'slash' | 'arrow' | 'dash' | 'dot' | 'chevron' | any;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnBreadcrumbElement extends WebFElementWithMethods<{
+}> {
+  /** Spacing between breadcrumb items. */
+  spacing?: number;
+  /** Custom separator between items. */
+  separator?: 'slash' | 'arrow' | 'dash' | 'dot' | 'chevron' | any;
+}
+/**
+ * Properties for <flutter-shadcn-breadcrumb>
+A breadcrumb navigation component that displays the current page location
+within a navigational hierarchy.
+@example
+```html
+<flutter-shadcn-breadcrumb>
+  <flutter-shadcn-breadcrumb-item>
+    <flutter-shadcn-breadcrumb-link>Home</flutter-shadcn-breadcrumb-link>
+  </flutter-shadcn-breadcrumb-item>
+  <flutter-shadcn-breadcrumb-item>
+    <flutter-shadcn-breadcrumb-link>Components</flutter-shadcn-breadcrumb-link>
+  </flutter-shadcn-breadcrumb-item>
+  <flutter-shadcn-breadcrumb-item>
+    <flutter-shadcn-breadcrumb-page>Breadcrumb</flutter-shadcn-breadcrumb-page>
+  </flutter-shadcn-breadcrumb-item>
+</flutter-shadcn-breadcrumb>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnBreadcrumb
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnBreadcrumb>
+ * ```
+ */
+export const FlutterShadcnBreadcrumb = createWebFComponent<FlutterShadcnBreadcrumbElement, FlutterShadcnBreadcrumbProps>({
+  tagName: 'flutter-shadcn-breadcrumb',
+  displayName: 'FlutterShadcnBreadcrumb',
+  // Map props to attributes
+  attributeProps: [
+    'spacing',
+    'separator',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnBreadcrumbListProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnBreadcrumbListElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-breadcrumb-list>
+Container for breadcrumb items (for backwards compatibility).
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnBreadcrumbList
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnBreadcrumbList>
+ * ```
+ */
+export const FlutterShadcnBreadcrumbList = createWebFComponent<FlutterShadcnBreadcrumbListElement, FlutterShadcnBreadcrumbListProps>({
+  tagName: 'flutter-shadcn-breadcrumb-list',
+  displayName: 'FlutterShadcnBreadcrumbList',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnBreadcrumbItemProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnBreadcrumbItemElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-breadcrumb-item>
+Individual breadcrumb item container.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnBreadcrumbItem
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnBreadcrumbItem>
+ * ```
+ */
+export const FlutterShadcnBreadcrumbItem = createWebFComponent<FlutterShadcnBreadcrumbItemElement, FlutterShadcnBreadcrumbItemProps>({
+  tagName: 'flutter-shadcn-breadcrumb-item',
+  displayName: 'FlutterShadcnBreadcrumbItem',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnBreadcrumbLinkProps {
+  /**
+   * Link destination URL.
+   */
+  href?: string;
+  /**
+   * Fired when link is clicked.
+   */
+  onClick?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnBreadcrumbLinkElement extends WebFElementWithMethods<{
+}> {
+  /** Link destination URL. */
+  href?: string;
+}
+/**
+ * Properties for <flutter-shadcn-breadcrumb-link>
+Clickable breadcrumb link with hover effects.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnBreadcrumbLink
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnBreadcrumbLink>
+ * ```
+ */
+export const FlutterShadcnBreadcrumbLink = createWebFComponent<FlutterShadcnBreadcrumbLinkElement, FlutterShadcnBreadcrumbLinkProps>({
+  tagName: 'flutter-shadcn-breadcrumb-link',
+  displayName: 'FlutterShadcnBreadcrumbLink',
+  // Map props to attributes
+  attributeProps: [
+    'href',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onClick',
+      eventName: 'click',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnBreadcrumbPageProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnBreadcrumbPageElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-breadcrumb-page>
+Current page indicator (non-clickable, highlighted text).
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnBreadcrumbPage
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnBreadcrumbPage>
+ * ```
+ */
+export const FlutterShadcnBreadcrumbPage = createWebFComponent<FlutterShadcnBreadcrumbPageElement, FlutterShadcnBreadcrumbPageProps>({
+  tagName: 'flutter-shadcn-breadcrumb-page',
+  displayName: 'FlutterShadcnBreadcrumbPage',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnBreadcrumbSeparatorProps {
+  /**
+   * Size of the separator icon.
+   * @default 14
+   */
+  size?: number;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnBreadcrumbSeparatorElement extends WebFElementWithMethods<{
+}> {
+  /** Size of the separator icon. */
+  size?: number;
+}
+/**
+ * Properties for <flutter-shadcn-breadcrumb-separator>
+Separator between breadcrumb items (chevron icon by default).
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnBreadcrumbSeparator
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnBreadcrumbSeparator>
+ * ```
+ */
+export const FlutterShadcnBreadcrumbSeparator = createWebFComponent<FlutterShadcnBreadcrumbSeparatorElement, FlutterShadcnBreadcrumbSeparatorProps>({
+  tagName: 'flutter-shadcn-breadcrumb-separator',
+  displayName: 'FlutterShadcnBreadcrumbSeparator',
+  // Map props to attributes
+  attributeProps: [
+    'size',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnBreadcrumbEllipsisProps {
+  /**
+   * Size of the ellipsis icon.
+   * @default 16
+   */
+  size?: number;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnBreadcrumbEllipsisElement extends WebFElementWithMethods<{
+}> {
+  /** Size of the ellipsis icon. */
+  size?: number;
+}
+/**
+ * Properties for <flutter-shadcn-breadcrumb-ellipsis>
+Ellipsis indicator for collapsed/hidden breadcrumb sections.
+@example
+```html
+<flutter-shadcn-breadcrumb-item>
+  <flutter-shadcn-breadcrumb-ellipsis />
+</flutter-shadcn-breadcrumb-item>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnBreadcrumbEllipsis
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnBreadcrumbEllipsis>
+ * ```
+ */
+export const FlutterShadcnBreadcrumbEllipsis = createWebFComponent<FlutterShadcnBreadcrumbEllipsisElement, FlutterShadcnBreadcrumbEllipsisProps>({
+  tagName: 'flutter-shadcn-breadcrumb-ellipsis',
+  displayName: 'FlutterShadcnBreadcrumbEllipsis',
+  // Map props to attributes
+  attributeProps: [
+    'size',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnBreadcrumbDropdownProps {
+  /**
+   * Whether to show the dropdown arrow icon.
+   * @default true
+   */
+  showArrow?: boolean;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnBreadcrumbDropdownElement extends WebFElementWithMethods<{
+}> {
+  /** Whether to show the dropdown arrow icon. */
+  showArrow?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-breadcrumb-dropdown>
+Dropdown menu for showing collapsed breadcrumb items.
+@example
+```html
+<flutter-shadcn-breadcrumb-dropdown>
+  <flutter-shadcn-breadcrumb-ellipsis />
+  <flutter-shadcn-breadcrumb-dropdown-item>Documentation</flutter-shadcn-breadcrumb-dropdown-item>
+  <flutter-shadcn-breadcrumb-dropdown-item>Themes</flutter-shadcn-breadcrumb-dropdown-item>
+</flutter-shadcn-breadcrumb-dropdown>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnBreadcrumbDropdown
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnBreadcrumbDropdown>
+ * ```
+ */
+export const FlutterShadcnBreadcrumbDropdown = createWebFComponent<FlutterShadcnBreadcrumbDropdownElement, FlutterShadcnBreadcrumbDropdownProps>({
+  tagName: 'flutter-shadcn-breadcrumb-dropdown',
+  displayName: 'FlutterShadcnBreadcrumbDropdown',
+  // Map props to attributes
+  attributeProps: [
+    'showArrow',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    showArrow: 'show-arrow',
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnBreadcrumbDropdownItemProps {
+  /**
+   * Fired when dropdown item is clicked.
+   */
+  onClick?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnBreadcrumbDropdownItemElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-breadcrumb-dropdown-item>
+Individual item in a breadcrumb dropdown menu.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnBreadcrumbDropdownItem
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnBreadcrumbDropdownItem>
+ * ```
+ */
+export const FlutterShadcnBreadcrumbDropdownItem = createWebFComponent<FlutterShadcnBreadcrumbDropdownItemElement, FlutterShadcnBreadcrumbDropdownItemProps>({
+  tagName: 'flutter-shadcn-breadcrumb-dropdown-item',
+  displayName: 'FlutterShadcnBreadcrumbDropdownItem',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onClick',
+      eventName: 'click',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/button.tsx b/packages/react-shadcn-ui/src/lib/src/components/button.tsx
new file mode 100644
index 0000000000..611568877c
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/button.tsx
@@ -0,0 +1,119 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnButtonProps {
+  /**
+   * Visual variant of the button.
+   * - 'default': Primary filled button
+   * - 'secondary': Secondary muted button
+   * - 'destructive': Red destructive action button
+   * - 'outline': Bordered outline button
+   * - 'ghost': Transparent with hover effect
+   * - 'link': Text link style button
+   * Default: 'default'
+   */
+  variant?: string;
+  /**
+   * Size of the button.
+   * - 'default': Standard size
+   * - 'sm': Small size
+   * - 'lg': Large size
+   * - 'icon': Square icon-only button
+   * Default: 'default'
+   */
+  size?: string;
+  /**
+   * Disable button interactions.
+   */
+  disabled?: boolean;
+  /**
+   * Show loading spinner and disable interactions.
+   */
+  loading?: boolean;
+  /**
+   * Icon name to show before the button text.
+   */
+  icon?: string;
+  /**
+   * Fired when the button is pressed (not emitted when disabled or loading).
+   */
+  onClick?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnButtonElement extends WebFElementWithMethods<{
+}> {
+  /** Visual variant of the button. */
+  variant?: string;
+  /** Size of the button. */
+  size?: string;
+  /** Disable button interactions. */
+  disabled?: boolean;
+  /** Show loading spinner and disable interactions. */
+  loading?: boolean;
+  /** Icon name to show before the button text. */
+  icon?: string;
+}
+/**
+ * Properties for <flutter-shadcn-button>
+A versatile button component with multiple variants and sizes.
+@example
+```html
+<flutter-shadcn-button variant="default" size="default">
+  Click me
+</flutter-shadcn-button>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnButton
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnButton>
+ * ```
+ */
+export const FlutterShadcnButton = createWebFComponent<FlutterShadcnButtonElement, FlutterShadcnButtonProps>({
+  tagName: 'flutter-shadcn-button',
+  displayName: 'FlutterShadcnButton',
+  // Map props to attributes
+  attributeProps: [
+    'variant',
+    'size',
+    'disabled',
+    'loading',
+    'icon',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onClick',
+      eventName: 'click',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/calendar.tsx b/packages/react-shadcn-ui/src/lib/src/components/calendar.tsx
new file mode 100644
index 0000000000..08577dea4c
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/calendar.tsx
@@ -0,0 +1,210 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+/**
+ * Detail for calendar change event.
+ */
+interface FlutterShadcnCalendarChangeEventDetail {
+  /**
+   * The selected value.
+   * - For single mode: ISO date string (YYYY-MM-DD) or null
+   * - For multiple mode: Comma-separated ISO date strings
+   * - For range mode: Comma-separated start and end dates
+   */
+  value: string | null;
+}
+export interface FlutterShadcnCalendarProps {
+  /**
+   * Selection mode.
+   * - 'single': Select one date
+   * - 'multiple': Select multiple dates (value is comma-separated)
+   * - 'range': Select a date range (value is start,end)
+   * @default 'single'
+   */
+  mode?: 'single' | 'multiple' | 'range';
+  /**
+   * Selected date(s) in ISO format (YYYY-MM-DD).
+   * - For single: '2024-01-15'
+   * - For multiple: '2024-01-15,2024-01-20,2024-01-25'
+   * - For range: '2024-01-15,2024-01-20' (start,end)
+   */
+  value?: string;
+  /**
+   * Disable the calendar.
+   */
+  disabled?: boolean;
+  /**
+   * Minimum selectable date (YYYY-MM-DD).
+   */
+  min?: string;
+  /**
+   * Maximum selectable date (YYYY-MM-DD).
+   */
+  max?: string;
+  /**
+   * Caption layout style.
+   * - 'label': Default label style
+   * - 'dropdown': Both month and year dropdowns
+   * - 'dropdown-months': Month dropdown only
+   * - 'dropdown-years': Year dropdown only
+   * @default 'label'
+   */
+  captionLayout?: 'label' | 'dropdown' | 'dropdown-months' | 'dropdown-years';
+  /**
+   * Hide the navigation arrows (prev/next month).
+   * @default false
+   */
+  hideNavigation?: boolean;
+  /**
+   * Show week numbers column.
+   * @default false
+   */
+  showWeekNumbers?: boolean;
+  /**
+   * Show days from adjacent months.
+   * @default true
+   */
+  showOutsideDays?: boolean;
+  /**
+   * Always display 6 weeks for consistent height.
+   * @default false
+   */
+  fixedWeeks?: boolean;
+  /**
+   * Hide the weekday name headers (Mon, Tue, etc.).
+   * @default false
+   */
+  hideWeekdayNames?: boolean;
+  /**
+   * Number of months to display simultaneously.
+   * @default 1
+   */
+  numberOfMonths?: number;
+  /**
+   * Allow deselecting a selected date by clicking it again.
+   * Only applies to 'single' selection mode.
+   * @default false
+   */
+  allowDeselection?: boolean;
+  /**
+   * Fired when date selection changes. Detail contains the selected value.
+   */
+  onChange?: (event: CustomEvent<FlutterShadcnCalendarChangeEventDetail>) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnCalendarElement extends WebFElementWithMethods<{
+}> {
+  /** Selection mode. */
+  mode?: 'single' | 'multiple' | 'range';
+  /** Selected date(s) in ISO format (YYYY-MM-DD). */
+  value?: string;
+  /** Disable the calendar. */
+  disabled?: boolean;
+  /** Minimum selectable date (YYYY-MM-DD). */
+  min?: string;
+  /** Maximum selectable date (YYYY-MM-DD). */
+  max?: string;
+  /** Caption layout style. */
+  captionLayout?: 'label' | 'dropdown' | 'dropdown-months' | 'dropdown-years';
+  /** Hide the navigation arrows (prev/next month). */
+  hideNavigation?: boolean;
+  /** Show week numbers column. */
+  showWeekNumbers?: boolean;
+  /** Show days from adjacent months. */
+  showOutsideDays?: boolean;
+  /** Always display 6 weeks for consistent height. */
+  fixedWeeks?: boolean;
+  /** Hide the weekday name headers (Mon, Tue, etc.). */
+  hideWeekdayNames?: boolean;
+  /** Number of months to display simultaneously. */
+  numberOfMonths?: number;
+  /** Allow deselecting a selected date by clicking it again. */
+  allowDeselection?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-calendar>
+A calendar component for date selection with support for single, multiple, and range modes.
+@example
+```html
+<!-- Single date selection -->
+<flutter-shadcn-calendar mode="single" value="2024-01-15" />
+<!-- Multiple date selection -->
+<flutter-shadcn-calendar mode="multiple" value="2024-01-15,2024-01-20,2024-01-25" />
+<!-- Date range selection -->
+<flutter-shadcn-calendar mode="range" value="2024-01-15,2024-01-20" />
+<!-- With dropdown year/month -->
+<flutter-shadcn-calendar caption-layout="dropdown" />
+<!-- Multiple months view -->
+<flutter-shadcn-calendar number-of-months="2" />
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnCalendar
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnCalendar>
+ * ```
+ */
+export const FlutterShadcnCalendar = createWebFComponent<FlutterShadcnCalendarElement, FlutterShadcnCalendarProps>({
+  tagName: 'flutter-shadcn-calendar',
+  displayName: 'FlutterShadcnCalendar',
+  // Map props to attributes
+  attributeProps: [
+    'mode',
+    'value',
+    'disabled',
+    'min',
+    'max',
+    'captionLayout',
+    'hideNavigation',
+    'showWeekNumbers',
+    'showOutsideDays',
+    'fixedWeeks',
+    'hideWeekdayNames',
+    'numberOfMonths',
+    'allowDeselection',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    captionLayout: 'caption-layout',
+    hideNavigation: 'hide-navigation',
+    showWeekNumbers: 'show-week-numbers',
+    showOutsideDays: 'show-outside-days',
+    fixedWeeks: 'fixed-weeks',
+    hideWeekdayNames: 'hide-weekday-names',
+    numberOfMonths: 'number-of-months',
+    allowDeselection: 'allow-deselection',
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onChange',
+      eventName: 'change',
+      handler: (callback: (event: CustomEvent<FlutterShadcnCalendarChangeEventDetail>) => void) => (event: Event) => {
+        callback(event as CustomEvent<FlutterShadcnCalendarChangeEventDetail>);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/card.tsx b/packages/react-shadcn-ui/src/lib/src/components/card.tsx
new file mode 100644
index 0000000000..ca48b16833
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/card.tsx
@@ -0,0 +1,330 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnCardProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnCardElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-card>
+A container card with optional header, content, and footer slots.
+@example
+```html
+<flutter-shadcn-card>
+  <flutter-shadcn-card-header>
+    <flutter-shadcn-card-title>Card Title</flutter-shadcn-card-title>
+    <flutter-shadcn-card-description>Card description here.</flutter-shadcn-card-description>
+  </flutter-shadcn-card-header>
+  <flutter-shadcn-card-content>
+    <p>Card content goes here.</p>
+  </flutter-shadcn-card-content>
+  <flutter-shadcn-card-footer>
+    <flutter-shadcn-button>Action</flutter-shadcn-button>
+  </flutter-shadcn-card-footer>
+</flutter-shadcn-card>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnCard
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnCard>
+ * ```
+ */
+export const FlutterShadcnCard = createWebFComponent<FlutterShadcnCardElement, FlutterShadcnCardProps>({
+  tagName: 'flutter-shadcn-card',
+  displayName: 'FlutterShadcnCard',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnCardHeaderProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnCardHeaderElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-card-header>
+Header slot for the card.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnCardHeader
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnCardHeader>
+ * ```
+ */
+export const FlutterShadcnCardHeader = createWebFComponent<FlutterShadcnCardHeaderElement, FlutterShadcnCardHeaderProps>({
+  tagName: 'flutter-shadcn-card-header',
+  displayName: 'FlutterShadcnCardHeader',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnCardTitleProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnCardTitleElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-card-title>
+Title slot within card header.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnCardTitle
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnCardTitle>
+ * ```
+ */
+export const FlutterShadcnCardTitle = createWebFComponent<FlutterShadcnCardTitleElement, FlutterShadcnCardTitleProps>({
+  tagName: 'flutter-shadcn-card-title',
+  displayName: 'FlutterShadcnCardTitle',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnCardDescriptionProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnCardDescriptionElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-card-description>
+Description slot within card header.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnCardDescription
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnCardDescription>
+ * ```
+ */
+export const FlutterShadcnCardDescription = createWebFComponent<FlutterShadcnCardDescriptionElement, FlutterShadcnCardDescriptionProps>({
+  tagName: 'flutter-shadcn-card-description',
+  displayName: 'FlutterShadcnCardDescription',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnCardContentProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnCardContentElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-card-content>
+Main content slot for the card.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnCardContent
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnCardContent>
+ * ```
+ */
+export const FlutterShadcnCardContent = createWebFComponent<FlutterShadcnCardContentElement, FlutterShadcnCardContentProps>({
+  tagName: 'flutter-shadcn-card-content',
+  displayName: 'FlutterShadcnCardContent',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnCardFooterProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnCardFooterElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-card-footer>
+Footer slot for the card.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnCardFooter
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnCardFooter>
+ * ```
+ */
+export const FlutterShadcnCardFooter = createWebFComponent<FlutterShadcnCardFooterElement, FlutterShadcnCardFooterProps>({
+  tagName: 'flutter-shadcn-card-footer',
+  displayName: 'FlutterShadcnCardFooter',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/checkbox.tsx b/packages/react-shadcn-ui/src/lib/src/components/checkbox.tsx
new file mode 100644
index 0000000000..7b23af118a
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/checkbox.tsx
@@ -0,0 +1,96 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnCheckboxProps {
+  /**
+   * Whether the checkbox is checked.
+   */
+  checked?: boolean;
+  /**
+   * Disable the checkbox.
+   */
+  disabled?: boolean;
+  /**
+   * Show indeterminate state (neither checked nor unchecked).
+   */
+  indeterminate?: boolean;
+  /**
+   * Fired when the checked state changes.
+   */
+  onChange?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnCheckboxElement extends WebFElementWithMethods<{
+}> {
+  /** Whether the checkbox is checked. */
+  checked?: boolean;
+  /** Disable the checkbox. */
+  disabled?: boolean;
+  /** Show indeterminate state (neither checked nor unchecked). */
+  indeterminate?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-checkbox>
+A checkbox control for boolean input.
+@example
+```html
+<flutter-shadcn-checkbox
+  checked
+  onchange="handleChange(event)"
+>
+  Accept terms and conditions
+</flutter-shadcn-checkbox>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnCheckbox
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnCheckbox>
+ * ```
+ */
+export const FlutterShadcnCheckbox = createWebFComponent<FlutterShadcnCheckboxElement, FlutterShadcnCheckboxProps>({
+  tagName: 'flutter-shadcn-checkbox',
+  displayName: 'FlutterShadcnCheckbox',
+  // Map props to attributes
+  attributeProps: [
+    'checked',
+    'disabled',
+    'indeterminate',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onChange',
+      eventName: 'change',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/collapsible.tsx b/packages/react-shadcn-ui/src/lib/src/components/collapsible.tsx
new file mode 100644
index 0000000000..e66afc6cea
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/collapsible.tsx
@@ -0,0 +1,193 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnCollapsibleProps {
+  /**
+   * Whether the section is expanded.
+   */
+  open?: boolean;
+  /**
+   * Disable the collapsible.
+   */
+  disabled?: boolean;
+  /**
+   * Fired when open state changes.
+   */
+  onChange?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnCollapsibleElement extends WebFElementWithMethods<{
+}> {
+  /** Whether the section is expanded. */
+  open?: boolean;
+  /** Disable the collapsible. */
+  disabled?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-collapsible>
+A collapsible section.
+@example
+```html
+<flutter-shadcn-collapsible open>
+  <flutter-shadcn-collapsible-trigger>
+    <span>Toggle</span>
+  </flutter-shadcn-collapsible-trigger>
+  <flutter-shadcn-collapsible-content>
+    Hidden content here
+  </flutter-shadcn-collapsible-content>
+</flutter-shadcn-collapsible>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnCollapsible
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnCollapsible>
+ * ```
+ */
+export const FlutterShadcnCollapsible = createWebFComponent<FlutterShadcnCollapsibleElement, FlutterShadcnCollapsibleProps>({
+  tagName: 'flutter-shadcn-collapsible',
+  displayName: 'FlutterShadcnCollapsible',
+  // Map props to attributes
+  attributeProps: [
+    'open',
+    'disabled',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onChange',
+      eventName: 'change',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnCollapsibleTriggerProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnCollapsibleTriggerElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * FlutterShadcnCollapsibleTrigger - WebF FlutterShadcnCollapsibleTrigger component
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnCollapsibleTrigger
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnCollapsibleTrigger>
+ * ```
+ */
+export const FlutterShadcnCollapsibleTrigger = createWebFComponent<FlutterShadcnCollapsibleTriggerElement, FlutterShadcnCollapsibleTriggerProps>({
+  tagName: 'flutter-shadcn-collapsible-trigger',
+  displayName: 'FlutterShadcnCollapsibleTrigger',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnCollapsibleContentProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnCollapsibleContentElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * FlutterShadcnCollapsibleContent - WebF FlutterShadcnCollapsibleContent component
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnCollapsibleContent
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnCollapsibleContent>
+ * ```
+ */
+export const FlutterShadcnCollapsibleContent = createWebFComponent<FlutterShadcnCollapsibleContentElement, FlutterShadcnCollapsibleContentProps>({
+  tagName: 'flutter-shadcn-collapsible-content',
+  displayName: 'FlutterShadcnCollapsibleContent',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/combobox.tsx b/packages/react-shadcn-ui/src/lib/src/components/combobox.tsx
new file mode 100644
index 0000000000..d24fac8187
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/combobox.tsx
@@ -0,0 +1,200 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnComboboxProps {
+  /**
+   * Currently selected value.
+   */
+  value?: string;
+  /**
+   * Placeholder text when no value is selected.
+   */
+  placeholder?: string;
+  /**
+   * Placeholder for the search input.
+   */
+  searchPlaceholder?: string;
+  /**
+   * Text shown when no results match the search.
+   */
+  emptyText?: string;
+  /**
+   * Disable the combobox.
+   */
+  disabled?: boolean;
+  /**
+   * Allow clearing the selection.
+   */
+  clearable?: boolean;
+  /**
+   * Fired when selection changes.
+   */
+  onChange?: (event: Event) => void;
+  /**
+   * Fired when search query changes.
+   */
+  onSearch?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnComboboxElement extends WebFElementWithMethods<{
+}> {
+  /** Currently selected value. */
+  value?: string;
+  /** Placeholder text when no value is selected. */
+  placeholder?: string;
+  /** Placeholder for the search input. */
+  searchPlaceholder?: string;
+  /** Text shown when no results match the search. */
+  emptyText?: string;
+  /** Disable the combobox. */
+  disabled?: boolean;
+  /** Allow clearing the selection. */
+  clearable?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-combobox>
+A searchable dropdown with autocomplete functionality.
+@example
+```html
+<flutter-shadcn-combobox
+  value="react"
+  placeholder="Select framework..."
+  search-placeholder="Search frameworks..."
+  onchange="handleChange(event)"
+>
+  <flutter-shadcn-combobox-item value="react">React</flutter-shadcn-combobox-item>
+  <flutter-shadcn-combobox-item value="vue">Vue</flutter-shadcn-combobox-item>
+  <flutter-shadcn-combobox-item value="angular">Angular</flutter-shadcn-combobox-item>
+</flutter-shadcn-combobox>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnCombobox
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnCombobox>
+ * ```
+ */
+export const FlutterShadcnCombobox = createWebFComponent<FlutterShadcnComboboxElement, FlutterShadcnComboboxProps>({
+  tagName: 'flutter-shadcn-combobox',
+  displayName: 'FlutterShadcnCombobox',
+  // Map props to attributes
+  attributeProps: [
+    'value',
+    'placeholder',
+    'searchPlaceholder',
+    'emptyText',
+    'disabled',
+    'clearable',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    searchPlaceholder: 'search-placeholder',
+    emptyText: 'empty-text',
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onChange',
+      eventName: 'change',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+    {
+      propName: 'onSearch',
+      eventName: 'search',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnComboboxItemProps {
+  /**
+   * Value of this option.
+   */
+  value: string;
+  /**
+   * Disable this specific option.
+   */
+  disabled?: boolean;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnComboboxItemElement extends WebFElementWithMethods<{
+}> {
+  /** Value of this option. */
+  value: string;
+  /** Disable this specific option. */
+  disabled?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-combobox-item>
+Individual combobox option.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnComboboxItem
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnComboboxItem>
+ * ```
+ */
+export const FlutterShadcnComboboxItem = createWebFComponent<FlutterShadcnComboboxItemElement, FlutterShadcnComboboxItemProps>({
+  tagName: 'flutter-shadcn-combobox-item',
+  displayName: 'FlutterShadcnComboboxItem',
+  // Map props to attributes
+  attributeProps: [
+    'value',
+    'disabled',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/context_menu.tsx b/packages/react-shadcn-ui/src/lib/src/components/context_menu.tsx
new file mode 100644
index 0000000000..b3d9a4bada
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/context_menu.tsx
@@ -0,0 +1,832 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+interface FlutterShadcnContextMenuRadioGroupChangeEventDetail {
+  value: string | null;
+}
+export interface FlutterShadcnContextMenuProps {
+  /**
+   * Whether the menu is open.
+   * 
+   * This value is updated automatically when the native menu opens/closes.
+   * Setting it to `false` will close the menu.
+   */
+  open?: boolean;
+  /**
+   * Fired when menu opens.
+   */
+  onOpen?: (event: Event) => void;
+  /**
+   * Fired when menu closes.
+   */
+  onClose?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnContextMenuElement extends WebFElementWithMethods<{
+}> {
+  /** Whether the menu is open. */
+  open?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-context-menu>
+A context menu that appears on right-click.
+@example
+```html
+<flutter-shadcn-context-menu>
+  <flutter-shadcn-context-menu-trigger>
+    <div>Right click here</div>
+  </flutter-shadcn-context-menu-trigger>
+  <flutter-shadcn-context-menu-content>
+    <flutter-shadcn-context-menu-item>Cut</flutter-shadcn-context-menu-item>
+    <flutter-shadcn-context-menu-item>Copy</flutter-shadcn-context-menu-item>
+    <flutter-shadcn-context-menu-item>Paste</flutter-shadcn-context-menu-item>
+  </flutter-shadcn-context-menu-content>
+</flutter-shadcn-context-menu>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnContextMenu
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnContextMenu>
+ * ```
+ */
+export const FlutterShadcnContextMenu = createWebFComponent<FlutterShadcnContextMenuElement, FlutterShadcnContextMenuProps>({
+  tagName: 'flutter-shadcn-context-menu',
+  displayName: 'FlutterShadcnContextMenu',
+  // Map props to attributes
+  attributeProps: [
+    'open',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onOpen',
+      eventName: 'open',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+    {
+      propName: 'onClose',
+      eventName: 'close',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnContextMenuTriggerProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnContextMenuTriggerElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-context-menu-trigger>
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnContextMenuTrigger
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnContextMenuTrigger>
+ * ```
+ */
+export const FlutterShadcnContextMenuTrigger = createWebFComponent<FlutterShadcnContextMenuTriggerElement, FlutterShadcnContextMenuTriggerProps>({
+  tagName: 'flutter-shadcn-context-menu-trigger',
+  displayName: 'FlutterShadcnContextMenuTrigger',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnContextMenuContentProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnContextMenuContentElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-context-menu-content>
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnContextMenuContent
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnContextMenuContent>
+ * ```
+ */
+export const FlutterShadcnContextMenuContent = createWebFComponent<FlutterShadcnContextMenuContentElement, FlutterShadcnContextMenuContentProps>({
+  tagName: 'flutter-shadcn-context-menu-content',
+  displayName: 'FlutterShadcnContextMenuContent',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnContextMenuItemProps {
+  /**
+   * Whether the item is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Keyboard shortcut to display (e.g., "⌘Z", "Ctrl+C").
+   * 
+   * When the context menu is open, matching key presses will trigger the
+   * item's `click` handler.
+   */
+  shortcut?: string;
+  /**
+   * Whether to use inset styling (adds left padding for alignment with checkbox/radio items).
+   */
+  inset?: boolean;
+  /**
+   * Fired when the item is clicked.
+   */
+  onClick?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnContextMenuItemElement extends WebFElementWithMethods<{
+}> {
+  /** Whether the item is disabled. */
+  disabled?: boolean;
+  /** Keyboard shortcut to display (e.g., "⌘Z", "Ctrl+C"). */
+  shortcut?: string;
+  /** Whether to use inset styling (adds left padding for alignment with checkbox/radio items). */
+  inset?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-context-menu-item>
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnContextMenuItem
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnContextMenuItem>
+ * ```
+ */
+export const FlutterShadcnContextMenuItem = createWebFComponent<FlutterShadcnContextMenuItemElement, FlutterShadcnContextMenuItemProps>({
+  tagName: 'flutter-shadcn-context-menu-item',
+  displayName: 'FlutterShadcnContextMenuItem',
+  // Map props to attributes
+  attributeProps: [
+    'disabled',
+    'shortcut',
+    'inset',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onClick',
+      eventName: 'click',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnContextMenuSeparatorProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnContextMenuSeparatorElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-context-menu-separator>
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnContextMenuSeparator
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnContextMenuSeparator>
+ * ```
+ */
+export const FlutterShadcnContextMenuSeparator = createWebFComponent<FlutterShadcnContextMenuSeparatorElement, FlutterShadcnContextMenuSeparatorProps>({
+  tagName: 'flutter-shadcn-context-menu-separator',
+  displayName: 'FlutterShadcnContextMenuSeparator',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnContextMenuLabelProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnContextMenuLabelElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-context-menu-label>
+A label/header for grouping context menu items.
+@example
+```html
+<flutter-shadcn-context-menu-label>People</flutter-shadcn-context-menu-label>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnContextMenuLabel
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnContextMenuLabel>
+ * ```
+ */
+export const FlutterShadcnContextMenuLabel = createWebFComponent<FlutterShadcnContextMenuLabelElement, FlutterShadcnContextMenuLabelProps>({
+  tagName: 'flutter-shadcn-context-menu-label',
+  displayName: 'FlutterShadcnContextMenuLabel',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnContextMenuSubProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnContextMenuSubElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-context-menu-sub>
+A container for nested submenu items.
+Submenus open on hover (mouse) and can be toggled by tap/click.
+@example
+```html
+<flutter-shadcn-context-menu-sub>
+  <flutter-shadcn-context-menu-sub-trigger>More Tools</flutter-shadcn-context-menu-sub-trigger>
+  <flutter-shadcn-context-menu-sub-content>
+    <flutter-shadcn-context-menu-item>Save Page As...</flutter-shadcn-context-menu-item>
+    <flutter-shadcn-context-menu-item>Create Shortcut...</flutter-shadcn-context-menu-item>
+  </flutter-shadcn-context-menu-sub-content>
+</flutter-shadcn-context-menu-sub>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnContextMenuSub
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnContextMenuSub>
+ * ```
+ */
+export const FlutterShadcnContextMenuSub = createWebFComponent<FlutterShadcnContextMenuSubElement, FlutterShadcnContextMenuSubProps>({
+  tagName: 'flutter-shadcn-context-menu-sub',
+  displayName: 'FlutterShadcnContextMenuSub',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnContextMenuSubTriggerProps {
+  /**
+   * Whether the submenu trigger is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Whether to use inset styling (adds left padding for alignment).
+   */
+  inset?: boolean;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnContextMenuSubTriggerElement extends WebFElementWithMethods<{
+}> {
+  /** Whether the submenu trigger is disabled. */
+  disabled?: boolean;
+  /** Whether to use inset styling (adds left padding for alignment). */
+  inset?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-context-menu-sub-trigger>
+The trigger element for a submenu.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnContextMenuSubTrigger
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnContextMenuSubTrigger>
+ * ```
+ */
+export const FlutterShadcnContextMenuSubTrigger = createWebFComponent<FlutterShadcnContextMenuSubTriggerElement, FlutterShadcnContextMenuSubTriggerProps>({
+  tagName: 'flutter-shadcn-context-menu-sub-trigger',
+  displayName: 'FlutterShadcnContextMenuSubTrigger',
+  // Map props to attributes
+  attributeProps: [
+    'disabled',
+    'inset',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnContextMenuSubContentProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnContextMenuSubContentElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-context-menu-sub-content>
+Container for submenu items.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnContextMenuSubContent
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnContextMenuSubContent>
+ * ```
+ */
+export const FlutterShadcnContextMenuSubContent = createWebFComponent<FlutterShadcnContextMenuSubContentElement, FlutterShadcnContextMenuSubContentProps>({
+  tagName: 'flutter-shadcn-context-menu-sub-content',
+  displayName: 'FlutterShadcnContextMenuSubContent',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnContextMenuCheckboxItemProps {
+  /**
+   * Whether the item is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Whether the checkbox is checked.
+   */
+  checked?: boolean;
+  /**
+   * Keyboard shortcut to display (e.g., "⌘B").
+   */
+  shortcut?: string;
+  /**
+   * Fired when the checked state changes.
+   */
+  onChange?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnContextMenuCheckboxItemElement extends WebFElementWithMethods<{
+}> {
+  /** Whether the item is disabled. */
+  disabled?: boolean;
+  /** Whether the checkbox is checked. */
+  checked?: boolean;
+  /** Keyboard shortcut to display (e.g., "⌘B"). */
+  shortcut?: string;
+}
+/**
+ * Properties for <flutter-shadcn-context-menu-checkbox-item>
+A menu item with a checkbox indicator.
+@example
+```html
+<flutter-shadcn-context-menu-checkbox-item checked>
+  Show Bookmarks Bar
+</flutter-shadcn-context-menu-checkbox-item>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnContextMenuCheckboxItem
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnContextMenuCheckboxItem>
+ * ```
+ */
+export const FlutterShadcnContextMenuCheckboxItem = createWebFComponent<FlutterShadcnContextMenuCheckboxItemElement, FlutterShadcnContextMenuCheckboxItemProps>({
+  tagName: 'flutter-shadcn-context-menu-checkbox-item',
+  displayName: 'FlutterShadcnContextMenuCheckboxItem',
+  // Map props to attributes
+  attributeProps: [
+    'disabled',
+    'checked',
+    'shortcut',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onChange',
+      eventName: 'change',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnContextMenuRadioGroupProps {
+  /**
+   * The value of the currently selected radio item.
+   */
+  value?: string;
+  /**
+   * Fired when the selected value changes.
+   */
+  onChange?: (event: CustomEvent<FlutterShadcnContextMenuRadioGroupChangeEventDetail>) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnContextMenuRadioGroupElement extends WebFElementWithMethods<{
+}> {
+  /** The value of the currently selected radio item. */
+  value?: string;
+}
+/**
+ * Properties for <flutter-shadcn-context-menu-radio-group>
+A group of radio items where only one can be selected.
+@example
+```html
+<flutter-shadcn-context-menu-radio-group value="pedro">
+  <flutter-shadcn-context-menu-label>People</flutter-shadcn-context-menu-label>
+  <flutter-shadcn-context-menu-separator />
+  <flutter-shadcn-context-menu-radio-item value="pedro">Pedro Duarte</flutter-shadcn-context-menu-radio-item>
+  <flutter-shadcn-context-menu-radio-item value="colm">Colm Tuite</flutter-shadcn-context-menu-radio-item>
+</flutter-shadcn-context-menu-radio-group>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnContextMenuRadioGroup
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnContextMenuRadioGroup>
+ * ```
+ */
+export const FlutterShadcnContextMenuRadioGroup = createWebFComponent<FlutterShadcnContextMenuRadioGroupElement, FlutterShadcnContextMenuRadioGroupProps>({
+  tagName: 'flutter-shadcn-context-menu-radio-group',
+  displayName: 'FlutterShadcnContextMenuRadioGroup',
+  // Map props to attributes
+  attributeProps: [
+    'value',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onChange',
+      eventName: 'change',
+      handler: (callback: (event: CustomEvent<FlutterShadcnContextMenuRadioGroupChangeEventDetail>) => void) => (event: Event) => {
+        callback(event as CustomEvent<FlutterShadcnContextMenuRadioGroupChangeEventDetail>);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnContextMenuRadioItemProps {
+  /**
+   * Whether the item is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * The value of this radio item.
+   */
+  value?: string;
+  /**
+   * Keyboard shortcut to display.
+   */
+  shortcut?: string;
+  /**
+   * Fired when the item is clicked.
+   */
+  onClick?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnContextMenuRadioItemElement extends WebFElementWithMethods<{
+}> {
+  /** Whether the item is disabled. */
+  disabled?: boolean;
+  /** The value of this radio item. */
+  value?: string;
+  /** Keyboard shortcut to display. */
+  shortcut?: string;
+}
+/**
+ * Properties for <flutter-shadcn-context-menu-radio-item>
+A radio-style menu item within a radio group.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnContextMenuRadioItem
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnContextMenuRadioItem>
+ * ```
+ */
+export const FlutterShadcnContextMenuRadioItem = createWebFComponent<FlutterShadcnContextMenuRadioItemElement, FlutterShadcnContextMenuRadioItemProps>({
+  tagName: 'flutter-shadcn-context-menu-radio-item',
+  displayName: 'FlutterShadcnContextMenuRadioItem',
+  // Map props to attributes
+  attributeProps: [
+    'disabled',
+    'value',
+    'shortcut',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onClick',
+      eventName: 'click',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/date_picker.tsx b/packages/react-shadcn-ui/src/lib/src/components/date_picker.tsx
new file mode 100644
index 0000000000..64acd6ce13
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/date_picker.tsx
@@ -0,0 +1,112 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+/**
+ * Detail for date picker change event.
+ */
+interface FlutterShadcnDatePickerChangeEventDetail {
+  /**
+   * The selected date in ISO format (YYYY-MM-DD).
+   */
+  value: string;
+}
+export interface FlutterShadcnDatePickerProps {
+  /**
+   * Selected date in ISO format (YYYY-MM-DD).
+   */
+  value?: string;
+  /**
+   * Placeholder text when no date is selected.
+   */
+  placeholder?: string;
+  /**
+   * Disable the picker.
+   */
+  disabled?: boolean;
+  /**
+   * Date format for display.
+   * Default: 'yyyy-MM-dd'
+   */
+  format?: string;
+  /**
+   * Fired when date selection changes. Detail contains the selected value.
+   */
+  onChange?: (event: CustomEvent<FlutterShadcnDatePickerChangeEventDetail>) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnDatePickerElement extends WebFElementWithMethods<{
+}> {
+  /** Selected date in ISO format (YYYY-MM-DD). */
+  value?: string;
+  /** Placeholder text when no date is selected. */
+  placeholder?: string;
+  /** Disable the picker. */
+  disabled?: boolean;
+  /** Date format for display. */
+  format?: string;
+}
+/**
+ * Properties for <flutter-shadcn-date-picker>
+A date picker with a popover calendar.
+@example
+```html
+<flutter-shadcn-date-picker
+  value="2024-01-15"
+  placeholder="Pick a date"
+  onchange="handleChange(event)"
+/>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnDatePicker
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnDatePicker>
+ * ```
+ */
+export const FlutterShadcnDatePicker = createWebFComponent<FlutterShadcnDatePickerElement, FlutterShadcnDatePickerProps>({
+  tagName: 'flutter-shadcn-date-picker',
+  displayName: 'FlutterShadcnDatePicker',
+  // Map props to attributes
+  attributeProps: [
+    'value',
+    'placeholder',
+    'disabled',
+    'format',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onChange',
+      eventName: 'change',
+      handler: (callback: (event: CustomEvent<FlutterShadcnDatePickerChangeEventDetail>) => void) => (event: Event) => {
+        callback(event as CustomEvent<FlutterShadcnDatePickerChangeEventDetail>);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/dialog.tsx b/packages/react-shadcn-ui/src/lib/src/components/dialog.tsx
new file mode 100644
index 0000000000..4654d2f30a
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/dialog.tsx
@@ -0,0 +1,371 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnDialogProps {
+  /**
+   * Whether the dialog is open.
+   */
+  open?: boolean;
+  /**
+   * Close when clicking outside the dialog.
+   * Default: true
+   */
+  closeOnOutsideClick?: boolean;
+  /**
+   * Fired when dialog opens.
+   */
+  onOpen?: (event: Event) => void;
+  /**
+   * Fired when dialog closes.
+   */
+  onClose?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnDialogElement extends WebFElementWithMethods<{
+}> {
+  /** Whether the dialog is open. */
+  open?: boolean;
+  /** Close when clicking outside the dialog. */
+  closeOnOutsideClick?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-dialog>
+A modal dialog component.
+@example
+```html
+<flutter-shadcn-dialog open>
+  <flutter-shadcn-dialog-header>
+    <flutter-shadcn-dialog-title>Are you sure?</flutter-shadcn-dialog-title>
+    <flutter-shadcn-dialog-description>
+      This action cannot be undone.
+    </flutter-shadcn-dialog-description>
+  </flutter-shadcn-dialog-header>
+  <flutter-shadcn-dialog-content>
+    Dialog content here.
+  </flutter-shadcn-dialog-content>
+  <flutter-shadcn-dialog-footer>
+    <flutter-shadcn-button variant="outline">Cancel</flutter-shadcn-button>
+    <flutter-shadcn-button>Continue</flutter-shadcn-button>
+  </flutter-shadcn-dialog-footer>
+</flutter-shadcn-dialog>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnDialog
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnDialog>
+ * ```
+ */
+export const FlutterShadcnDialog = createWebFComponent<FlutterShadcnDialogElement, FlutterShadcnDialogProps>({
+  tagName: 'flutter-shadcn-dialog',
+  displayName: 'FlutterShadcnDialog',
+  // Map props to attributes
+  attributeProps: [
+    'open',
+    'closeOnOutsideClick',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    closeOnOutsideClick: 'close-on-outside-click',
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onOpen',
+      eventName: 'open',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+    {
+      propName: 'onClose',
+      eventName: 'close',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnDialogHeaderProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnDialogHeaderElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-dialog-header>
+Header slot for dialog.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnDialogHeader
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnDialogHeader>
+ * ```
+ */
+export const FlutterShadcnDialogHeader = createWebFComponent<FlutterShadcnDialogHeaderElement, FlutterShadcnDialogHeaderProps>({
+  tagName: 'flutter-shadcn-dialog-header',
+  displayName: 'FlutterShadcnDialogHeader',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnDialogTitleProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnDialogTitleElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-dialog-title>
+Title within dialog header.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnDialogTitle
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnDialogTitle>
+ * ```
+ */
+export const FlutterShadcnDialogTitle = createWebFComponent<FlutterShadcnDialogTitleElement, FlutterShadcnDialogTitleProps>({
+  tagName: 'flutter-shadcn-dialog-title',
+  displayName: 'FlutterShadcnDialogTitle',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnDialogDescriptionProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnDialogDescriptionElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-dialog-description>
+Description within dialog header.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnDialogDescription
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnDialogDescription>
+ * ```
+ */
+export const FlutterShadcnDialogDescription = createWebFComponent<FlutterShadcnDialogDescriptionElement, FlutterShadcnDialogDescriptionProps>({
+  tagName: 'flutter-shadcn-dialog-description',
+  displayName: 'FlutterShadcnDialogDescription',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnDialogContentProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnDialogContentElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-dialog-content>
+Main content slot for dialog.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnDialogContent
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnDialogContent>
+ * ```
+ */
+export const FlutterShadcnDialogContent = createWebFComponent<FlutterShadcnDialogContentElement, FlutterShadcnDialogContentProps>({
+  tagName: 'flutter-shadcn-dialog-content',
+  displayName: 'FlutterShadcnDialogContent',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnDialogFooterProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnDialogFooterElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-dialog-footer>
+Footer slot for dialog actions.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnDialogFooter
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnDialogFooter>
+ * ```
+ */
+export const FlutterShadcnDialogFooter = createWebFComponent<FlutterShadcnDialogFooterElement, FlutterShadcnDialogFooterProps>({
+  tagName: 'flutter-shadcn-dialog-footer',
+  displayName: 'FlutterShadcnDialogFooter',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/dropdown_menu.tsx b/packages/react-shadcn-ui/src/lib/src/components/dropdown_menu.tsx
new file mode 100644
index 0000000000..9e0cd374e3
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/dropdown_menu.tsx
@@ -0,0 +1,376 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnDropdownMenuProps {
+  /**
+   * Whether the menu is open.
+   */
+  open?: boolean;
+  /**
+   * Fired when menu opens.
+   */
+  onOpen?: (event: Event) => void;
+  /**
+   * Fired when menu closes.
+   */
+  onClose?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnDropdownMenuElement extends WebFElementWithMethods<{
+}> {
+  /** Whether the menu is open. */
+  open?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-dropdown-menu>
+A dropdown menu component.
+@example
+```html
+<flutter-shadcn-dropdown-menu>
+  <flutter-shadcn-dropdown-menu-trigger>
+    <flutter-shadcn-button>Open Menu</flutter-shadcn-button>
+  </flutter-shadcn-dropdown-menu-trigger>
+  <flutter-shadcn-dropdown-menu-content>
+    <flutter-shadcn-dropdown-menu-item>Profile</flutter-shadcn-dropdown-menu-item>
+    <flutter-shadcn-dropdown-menu-item>Settings</flutter-shadcn-dropdown-menu-item>
+    <flutter-shadcn-dropdown-menu-separator />
+    <flutter-shadcn-dropdown-menu-item>Logout</flutter-shadcn-dropdown-menu-item>
+  </flutter-shadcn-dropdown-menu-content>
+</flutter-shadcn-dropdown-menu>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnDropdownMenu
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnDropdownMenu>
+ * ```
+ */
+export const FlutterShadcnDropdownMenu = createWebFComponent<FlutterShadcnDropdownMenuElement, FlutterShadcnDropdownMenuProps>({
+  tagName: 'flutter-shadcn-dropdown-menu',
+  displayName: 'FlutterShadcnDropdownMenu',
+  // Map props to attributes
+  attributeProps: [
+    'open',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onOpen',
+      eventName: 'open',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+    {
+      propName: 'onClose',
+      eventName: 'close',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnDropdownMenuTriggerProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnDropdownMenuTriggerElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-dropdown-menu-trigger>
+Trigger element for the menu.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnDropdownMenuTrigger
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnDropdownMenuTrigger>
+ * ```
+ */
+export const FlutterShadcnDropdownMenuTrigger = createWebFComponent<FlutterShadcnDropdownMenuTriggerElement, FlutterShadcnDropdownMenuTriggerProps>({
+  tagName: 'flutter-shadcn-dropdown-menu-trigger',
+  displayName: 'FlutterShadcnDropdownMenuTrigger',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnDropdownMenuContentProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnDropdownMenuContentElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-dropdown-menu-content>
+Container for menu items.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnDropdownMenuContent
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnDropdownMenuContent>
+ * ```
+ */
+export const FlutterShadcnDropdownMenuContent = createWebFComponent<FlutterShadcnDropdownMenuContentElement, FlutterShadcnDropdownMenuContentProps>({
+  tagName: 'flutter-shadcn-dropdown-menu-content',
+  displayName: 'FlutterShadcnDropdownMenuContent',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnDropdownMenuItemProps {
+  /**
+   * Disable this menu item.
+   */
+  disabled?: boolean;
+  /**
+   * Fired when item is selected.
+   */
+  onSelect?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnDropdownMenuItemElement extends WebFElementWithMethods<{
+}> {
+  /** Disable this menu item. */
+  disabled?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-dropdown-menu-item>
+Individual menu item.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnDropdownMenuItem
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnDropdownMenuItem>
+ * ```
+ */
+export const FlutterShadcnDropdownMenuItem = createWebFComponent<FlutterShadcnDropdownMenuItemElement, FlutterShadcnDropdownMenuItemProps>({
+  tagName: 'flutter-shadcn-dropdown-menu-item',
+  displayName: 'FlutterShadcnDropdownMenuItem',
+  // Map props to attributes
+  attributeProps: [
+    'disabled',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onSelect',
+      eventName: 'select',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnDropdownMenuSeparatorProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnDropdownMenuSeparatorElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-dropdown-menu-separator>
+Visual separator between items.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnDropdownMenuSeparator
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnDropdownMenuSeparator>
+ * ```
+ */
+export const FlutterShadcnDropdownMenuSeparator = createWebFComponent<FlutterShadcnDropdownMenuSeparatorElement, FlutterShadcnDropdownMenuSeparatorProps>({
+  tagName: 'flutter-shadcn-dropdown-menu-separator',
+  displayName: 'FlutterShadcnDropdownMenuSeparator',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnDropdownMenuLabelProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnDropdownMenuLabelElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-dropdown-menu-label>
+Label/header for a group of items.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnDropdownMenuLabel
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnDropdownMenuLabel>
+ * ```
+ */
+export const FlutterShadcnDropdownMenuLabel = createWebFComponent<FlutterShadcnDropdownMenuLabelElement, FlutterShadcnDropdownMenuLabelProps>({
+  tagName: 'flutter-shadcn-dropdown-menu-label',
+  displayName: 'FlutterShadcnDropdownMenuLabel',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/form.tsx b/packages/react-shadcn-ui/src/lib/src/components/form.tsx
new file mode 100644
index 0000000000..44b9fcc275
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/form.tsx
@@ -0,0 +1,572 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+/**
+ * Methods available on <flutter-shadcn-form>
+ */
+interface FlutterShadcnFormMethods {
+  /**
+   * Validate the form without saving.
+   * 
+   * @returns true if the form is valid, false otherwise
+   */
+  validate(): boolean;
+  /**
+   * Save and validate the form. Dispatches 'submit' event if valid.
+   * 
+   * @returns true if the form is valid and submitted, false otherwise
+   */
+  submit(): boolean;
+  /**
+   * Reset the form to its initial values. Dispatches 'reset' event.
+   */
+  reset(): void;
+  /**
+   * Get the value of a specific form field.
+   * 
+   * @param fieldId - The id of the field
+   * @returns The field's current value
+   */
+  getFieldValue(fieldId: string): any;
+  /**
+   * Set the value of a specific form field.
+   * 
+   * @param fieldId - The id of the field
+   * @param value - The value to set
+   */
+  setFieldValue(fieldId: string, value: any): void;
+  /**
+   * Set an error message for a specific form field.
+   * 
+   * @param fieldId - The id of the field
+   * @param error - The error message, or null to clear the error
+   */
+  setFieldError(fieldId: string, error: string | null): void;
+}
+export interface FlutterShadcnFormProps {
+  /**
+   * Disable all form fields.
+   */
+  disabled?: boolean;
+  /**
+   * Auto-validation mode for the form.
+   * 
+   * Options:
+   * - 'disabled': No auto validation
+   * - 'always': Always validate
+   * - 'onUserInteraction': Validate after user interaction
+   * - 'alwaysAfterFirstValidation': Validate always after first validation (default)
+   */
+  autoValidateMode?: 'disabled' | 'always' | 'onUserInteraction' | 'alwaysAfterFirstValidation';
+  /**
+   * Current form values as a JSON string.
+   * 
+   * Get: Returns all form field values as a JSON string.
+   * Set: Accepts a JSON string or object to set form values.
+   */
+  value?: string;
+  /**
+   * Fired when form is successfully submitted (after validation passes).
+   * The event detail contains the form values.
+   */
+  onSubmit?: (event: CustomEvent<string>) => void;
+  /**
+   * Fired when form is reset.
+   */
+  onReset?: (event: Event) => void;
+  /**
+   * Fired when any form field value changes.
+   */
+  onChange?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+/**
+ * Element interface with methods/properties accessible via ref
+ * @example
+ * ```tsx
+ * const ref = useRef<FlutterShadcnFormElement>(null);
+ * // Call methods on the element
+ * ref.current?.finishRefresh('success');
+ * // Access properties
+ * console.log(ref.current?.disabled);
+ * ```
+ */
+export interface FlutterShadcnFormElement extends WebFElementWithMethods<{
+  /**
+   * Validate the form without saving.
+   * 
+   * @returns true if the form is valid, false otherwise
+   */
+  validate(): boolean;
+  /**
+   * Save and validate the form. Dispatches 'submit' event if valid.
+   * 
+   * @returns true if the form is valid and submitted, false otherwise
+   */
+  submit(): boolean;
+  /**
+   * Reset the form to its initial values. Dispatches 'reset' event.
+   */
+  reset(): void;
+  /**
+   * Get the value of a specific form field.
+   * 
+   * @param fieldId - The id of the field
+   * @returns The field's current value
+   */
+  getFieldValue(fieldId: string): any;
+  /**
+   * Set the value of a specific form field.
+   * 
+   * @param fieldId - The id of the field
+   * @param value - The value to set
+   */
+  setFieldValue(fieldId: string, value: any): void;
+  /**
+   * Set an error message for a specific form field.
+   * 
+   * @param fieldId - The id of the field
+   * @param error - The error message, or null to clear the error
+   */
+  setFieldError(fieldId: string, error: string | null): void;
+}> {
+  /** Disable all form fields. */
+  disabled?: boolean;
+  /** Auto-validation mode for the form. */
+  autoValidateMode?: 'disabled' | 'always' | 'onUserInteraction' | 'alwaysAfterFirstValidation';
+  /** Current form values as a JSON string. */
+  value?: string;
+}
+/**
+ * Properties for <flutter-shadcn-form>
+A form container that manages form state and validation using shadcn_ui's ShadForm.
+@example
+```html
+<flutter-shadcn-form id="myForm">
+  <flutter-shadcn-form-field field-id="username" label="Username" required placeholder="Enter username" />
+  <flutter-shadcn-form-field field-id="email" label="Email" placeholder="Enter email" />
+  <flutter-shadcn-button onClick="document.getElementById('myForm').submit()">Submit</flutter-shadcn-button>
+</flutter-shadcn-form>
+```
+@example
+```javascript
+const form = document.getElementById('myForm');
+// Submit form and get values
+if (form.submit()) {
+  const values = JSON.parse(form.value);
+  console.log('Form values:', values);
+}
+// Set form values
+form.value = JSON.stringify({ username: 'john', email: 'john@example.com' });
+// Get/set individual field values
+form.setFieldValue('username', 'jane');
+console.log(form.getFieldValue('username'));
+// Set field errors
+form.setFieldError('email', 'Invalid email format');
+// Reset form
+form.reset();
+```
+ * 
+ * @example
+ * ```tsx
+ * const ref = useRef<FlutterShadcnFormElement>(null);
+ * 
+ * <FlutterShadcnForm
+ *   ref={ref}
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnForm>
+ * 
+ * // Call methods on the element
+ * ref.current?.finishRefresh('success');
+ * ```
+ */
+export const FlutterShadcnForm = createWebFComponent<FlutterShadcnFormElement, FlutterShadcnFormProps>({
+  tagName: 'flutter-shadcn-form',
+  displayName: 'FlutterShadcnForm',
+  // Map props to attributes
+  attributeProps: [
+    'disabled',
+    'autoValidateMode',
+    'value',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    autoValidateMode: 'auto-validate-mode',
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onSubmit',
+      eventName: 'submit',
+      handler: (callback: (event: CustomEvent<string>) => void) => (event: Event) => {
+        callback(event as CustomEvent<string>);
+      },
+    },
+    {
+      propName: 'onReset',
+      eventName: 'reset',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+    {
+      propName: 'onChange',
+      eventName: 'change',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnFormFieldProps {
+  /**
+   * Unique identifier for the field within the form.
+   * Used to access field values via form.getFieldValue(fieldId).
+   */
+  fieldId?: string;
+  /**
+   * Label text displayed above the field.
+   */
+  label?: string;
+  /**
+   * Description text shown below the field.
+   */
+  description?: string;
+  /**
+   * Error message to display. Overrides validation errors.
+   */
+  error?: string;
+  /**
+   * Whether this field is required.
+   * Adds a "*" indicator and validates that the field is not empty.
+   */
+  required?: boolean;
+  /**
+   * Input type (used when no children are provided).
+   * Default: 'text'
+   */
+  type?: string;
+  /**
+   * Placeholder text for the input field.
+   */
+  placeholder?: string;
+  /**
+   * Initial value for the field.
+   */
+  initialValue?: string;
+  /**
+   * Fired when the field value changes.
+   * The event detail contains the new value.
+   */
+  onChange?: (event: CustomEvent<string>) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnFormFieldElement extends WebFElementWithMethods<{
+}> {
+  /** Unique identifier for the field within the form. */
+  fieldId?: string;
+  /** Label text displayed above the field. */
+  label?: string;
+  /** Description text shown below the field. */
+  description?: string;
+  /** Error message to display. Overrides validation errors. */
+  error?: string;
+  /** Whether this field is required. */
+  required?: boolean;
+  /** Input type (used when no children are provided). */
+  type?: string;
+  /** Placeholder text for the input field. */
+  placeholder?: string;
+  /** Initial value for the field. */
+  initialValue?: string;
+}
+/**
+ * Properties for <flutter-shadcn-form-field>
+A form field that automatically integrates with the parent form.
+When used without children, renders a ShadInputFormField.
+When used with children, wraps them with label, description, and error display.
+@example
+```html
+<!-- Simple input field -->
+<flutter-shadcn-form-field
+  field-id="email"
+  label="Email"
+  description="We'll never share your email."
+  placeholder="Enter your email"
+  required
+/>
+<!-- Custom field with children -->
+<flutter-shadcn-form-field field-id="bio" label="Bio" description="Tell us about yourself">
+  <flutter-shadcn-textarea placeholder="Your bio..." />
+</flutter-shadcn-form-field>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnFormField
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnFormField>
+ * ```
+ */
+export const FlutterShadcnFormField = createWebFComponent<FlutterShadcnFormFieldElement, FlutterShadcnFormFieldProps>({
+  tagName: 'flutter-shadcn-form-field',
+  displayName: 'FlutterShadcnFormField',
+  // Map props to attributes
+  attributeProps: [
+    'fieldId',
+    'label',
+    'description',
+    'error',
+    'required',
+    'type',
+    'placeholder',
+    'initialValue',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    fieldId: 'field-id',
+    initialValue: 'initial-value',
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onChange',
+      eventName: 'change',
+      handler: (callback: (event: CustomEvent<string>) => void) => (event: Event) => {
+        callback(event as CustomEvent<string>);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnFormLabelProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnFormLabelElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-form-label>
+Label element for form fields.
+Typically used inside a custom form field layout.
+@example
+```html
+<flutter-shadcn-form-label>Username</flutter-shadcn-form-label>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnFormLabel
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnFormLabel>
+ * ```
+ */
+export const FlutterShadcnFormLabel = createWebFComponent<FlutterShadcnFormLabelElement, FlutterShadcnFormLabelProps>({
+  tagName: 'flutter-shadcn-form-label',
+  displayName: 'FlutterShadcnFormLabel',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnFormDescriptionProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnFormDescriptionElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-form-description>
+Description text for form fields.
+Provides additional context or instructions.
+@example
+```html
+<flutter-shadcn-form-description>
+  This is your public display name.
+</flutter-shadcn-form-description>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnFormDescription
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnFormDescription>
+ * ```
+ */
+export const FlutterShadcnFormDescription = createWebFComponent<FlutterShadcnFormDescriptionElement, FlutterShadcnFormDescriptionProps>({
+  tagName: 'flutter-shadcn-form-description',
+  displayName: 'FlutterShadcnFormDescription',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnFormMessageProps {
+  /**
+   * Type of message which determines the styling.
+   * 
+   * Options:
+   * - 'error': Red text for validation errors (default)
+   * - 'success': Green text for success messages
+   * - 'info': Primary color for informational messages
+   */
+  type?: 'error' | 'success' | 'info';
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnFormMessageElement extends WebFElementWithMethods<{
+}> {
+  /** Type of message which determines the styling. */
+  type?: 'error' | 'success' | 'info';
+}
+/**
+ * Properties for <flutter-shadcn-form-message>
+Validation or status message for form fields.
+@example
+```html
+<flutter-shadcn-form-message type="error">
+  This field is required
+</flutter-shadcn-form-message>
+<flutter-shadcn-form-message type="success">
+  Email is available
+</flutter-shadcn-form-message>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnFormMessage
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnFormMessage>
+ * ```
+ */
+export const FlutterShadcnFormMessage = createWebFComponent<FlutterShadcnFormMessageElement, FlutterShadcnFormMessageProps>({
+  tagName: 'flutter-shadcn-form-message',
+  displayName: 'FlutterShadcnFormMessage',
+  // Map props to attributes
+  attributeProps: [
+    'type',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/icon_button.tsx b/packages/react-shadcn-ui/src/lib/src/components/icon_button.tsx
new file mode 100644
index 0000000000..124e14a312
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/icon_button.tsx
@@ -0,0 +1,154 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnIconButtonProps {
+  /**
+   * Visual variant of the icon button.
+   * - 'primary': Primary filled button (default)
+   * - 'secondary': Secondary muted button
+   * - 'destructive': Red destructive action button
+   * - 'outline': Bordered outline button
+   * - 'ghost': Transparent with hover effect
+   * 
+   * Note: Unlike regular buttons, icon buttons do not support the 'link' variant.
+   * 
+   * Default: 'primary'
+   */
+  variant?: 'primary' | 'secondary' | 'destructive' | 'outline' | 'ghost';
+  /**
+   * Name of the Lucide icon to display.
+   * 
+   * Common icons include:
+   * - Navigation: 'chevron-right', 'chevron-left', 'arrow-right', 'arrow-left'
+   * - Actions: 'plus', 'minus', 'x', 'check', 'search', 'edit', 'trash', 'copy', 'share'
+   * - Objects: 'rocket', 'heart', 'star', 'home', 'user', 'mail', 'calendar', 'file'
+   * - UI: 'menu', 'ellipsis', 'more-vertical', 'grid', 'list', 'filter'
+   * - Status: 'info', 'alert-circle', 'help', 'check-circle', 'x-circle'
+   * - Formatting: 'bold', 'italic', 'underline', 'align-left', 'align-center', 'align-right'
+   * 
+   * @example "rocket"
+   * @example "plus"
+   * @example "chevron-right"
+   */
+  icon?: string;
+  /**
+   * Size of the icon in pixels.
+   * 
+   * Default: 16
+   */
+  iconSize?: number;
+  /**
+   * Disable button interactions.
+   * 
+   * When disabled, the button will not respond to clicks and will have a muted appearance.
+   */
+  disabled?: boolean;
+  /**
+   * Show loading spinner and disable interactions.
+   * 
+   * When loading, the icon is replaced with a circular progress indicator.
+   */
+  loading?: boolean;
+  /**
+   * Fired when the button is pressed.
+   * Not emitted when disabled or loading.
+   */
+  onClick?: (event: Event) => void;
+  /**
+   * Fired when the button is long-pressed.
+   * Not emitted when disabled or loading.
+   */
+  onLongpress?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnIconButtonElement extends WebFElementWithMethods<{
+}> {
+  /** Visual variant of the icon button. */
+  variant?: 'primary' | 'secondary' | 'destructive' | 'outline' | 'ghost';
+  /** Name of the Lucide icon to display. */
+  icon?: string;
+  /** Size of the icon in pixels. */
+  iconSize?: number;
+  /** Disable button interactions. */
+  disabled?: boolean;
+  /** Show loading spinner and disable interactions. */
+  loading?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-icon-button>
+An icon-only button component with multiple variants.
+Unlike the regular button, this is specifically designed for icon-only use cases.
+@example
+```html
+<flutter-shadcn-icon-button icon="rocket" variant="primary" />
+```
+@example With gradient and shadow (via CSS)
+```html
+<flutter-shadcn-icon-button
+  icon="star"
+  style="background-image: linear-gradient(to right, cyan, indigo); box-shadow: 0 2px 10px rgba(0,0,255,0.4);"
+/>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnIconButton
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnIconButton>
+ * ```
+ */
+export const FlutterShadcnIconButton = createWebFComponent<FlutterShadcnIconButtonElement, FlutterShadcnIconButtonProps>({
+  tagName: 'flutter-shadcn-icon-button',
+  displayName: 'FlutterShadcnIconButton',
+  // Map props to attributes
+  attributeProps: [
+    'variant',
+    'icon',
+    'iconSize',
+    'disabled',
+    'loading',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    iconSize: 'icon-size',
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onClick',
+      eventName: 'click',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+    {
+      propName: 'onLongpress',
+      eventName: 'longpress',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/image.tsx b/packages/react-shadcn-ui/src/lib/src/components/image.tsx
new file mode 100644
index 0000000000..b16e7082bd
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/image.tsx
@@ -0,0 +1,123 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnImageProps {
+  /**
+   * Image source URL.
+   */
+  src?: string;
+  /**
+   * Alt text for accessibility.
+   */
+  alt?: string;
+  /**
+   * Image width in pixels.
+   */
+  width?: string;
+  /**
+   * Image height in pixels.
+   */
+  height?: string;
+  /**
+   * How to fit the image.
+   * Options: 'contain', 'cover', 'fill', 'none', 'scaleDown'
+   * Default: 'cover'
+   */
+  fit?: string;
+  /**
+   * Fired when image loads successfully.
+   */
+  onLoad?: (event: Event) => void;
+  /**
+   * Fired when image fails to load.
+   */
+  onError?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnImageElement extends WebFElementWithMethods<{
+}> {
+  /** Image source URL. */
+  src?: string;
+  /** Alt text for accessibility. */
+  alt?: string;
+  /** Image width in pixels. */
+  width?: string;
+  /** Image height in pixels. */
+  height?: string;
+  /** How to fit the image. */
+  fit?: string;
+}
+/**
+ * Properties for <flutter-shadcn-image>
+An image component with loading and error states.
+@example
+```html
+<flutter-shadcn-image
+  src="https://example.com/image.jpg"
+  alt="Example image"
+  width="200"
+  height="150"
+/>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnImage
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnImage>
+ * ```
+ */
+export const FlutterShadcnImage = createWebFComponent<FlutterShadcnImageElement, FlutterShadcnImageProps>({
+  tagName: 'flutter-shadcn-image',
+  displayName: 'FlutterShadcnImage',
+  // Map props to attributes
+  attributeProps: [
+    'src',
+    'alt',
+    'width',
+    'height',
+    'fit',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onLoad',
+      eventName: 'load',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+    {
+      propName: 'onError',
+      eventName: 'error',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/input.tsx b/packages/react-shadcn-ui/src/lib/src/components/input.tsx
new file mode 100644
index 0000000000..5be84070d2
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/input.tsx
@@ -0,0 +1,268 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnInputProps {
+  /**
+   * Current value of the input.
+   */
+  value?: string;
+  /**
+   * Placeholder text shown when empty.
+   */
+  placeholder?: string;
+  /**
+   * Input type.
+   * Options: 'text', 'password', 'email', 'number', 'tel', 'url', 'search'
+   * Default: 'text'
+   */
+  type?: string;
+  /**
+   * Disable the input.
+   */
+  disabled?: boolean;
+  /**
+   * Make the input read-only.
+   */
+  readonly?: boolean;
+  /**
+   * Maximum length of the input value.
+   */
+  maxlength?: string;
+  /**
+   * Minimum length of the input value.
+   */
+  minlength?: string;
+  /**
+   * Pattern for validation (regex).
+   */
+  pattern?: string;
+  /**
+   * Whether the input is required.
+   */
+  required?: boolean;
+  /**
+   * Autofocus on mount.
+   */
+  autofocus?: boolean;
+  /**
+   * Text alignment within the input.
+   * Options: 'start', 'end', 'left', 'right', 'center'
+   * Default: 'start'
+   */
+  textalign?: string;
+  /**
+   * Controls automatic text capitalization behavior.
+   * Options: 'none', 'sentences', 'words', 'characters'
+   * Default: 'none'
+   */
+  autocapitalize?: string;
+  /**
+   * Whether to enable autocorrect.
+   * Default: true
+   */
+  autocorrect?: boolean;
+  /**
+   * Whether to show input suggestions.
+   * Default: true
+   */
+  enablesuggestions?: boolean;
+  /**
+   * Hint for the keyboard action button.
+   * Options: 'done', 'go', 'next', 'search', 'send', 'previous', 'newline'
+   */
+  enterkeyhint?: string;
+  /**
+   * Maximum number of lines for the input. Use for multi-line input.
+   */
+  maxlines?: string;
+  /**
+   * Minimum number of lines for the input.
+   */
+  minlines?: string;
+  /**
+   * Color of the cursor (e.g., '#FF0000', 'red').
+   */
+  cursorcolor?: string;
+  /**
+   * Color of the text selection highlight (e.g., '#0000FF', 'blue').
+   */
+  selectioncolor?: string;
+  /**
+   * Character used to obscure text in password mode.
+   * Default: '•'
+   */
+  obscuringcharacter?: string;
+  /**
+   * Fired on every input change.
+   */
+  onInput?: (event: Event) => void;
+  /**
+   * Fired when input loses focus.
+   */
+  onChange?: (event: Event) => void;
+  /**
+   * Fired when input gains focus.
+   */
+  onFocus?: (event: Event) => void;
+  /**
+   * Fired when input loses focus.
+   */
+  onBlur?: (event: Event) => void;
+  /**
+   * Fired when the user submits the input (e.g., presses Enter/Done).
+   */
+  onSubmit?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnInputElement extends WebFElementWithMethods<{
+}> {
+  /** Current value of the input. */
+  value?: string;
+  /** Placeholder text shown when empty. */
+  placeholder?: string;
+  /** Input type. */
+  type?: string;
+  /** Disable the input. */
+  disabled?: boolean;
+  /** Make the input read-only. */
+  readonly?: boolean;
+  /** Maximum length of the input value. */
+  maxlength?: string;
+  /** Minimum length of the input value. */
+  minlength?: string;
+  /** Pattern for validation (regex). */
+  pattern?: string;
+  /** Whether the input is required. */
+  required?: boolean;
+  /** Autofocus on mount. */
+  autofocus?: boolean;
+  /** Text alignment within the input. */
+  textalign?: string;
+  /** Controls automatic text capitalization behavior. */
+  autocapitalize?: string;
+  /** Whether to enable autocorrect. */
+  autocorrect?: boolean;
+  /** Whether to show input suggestions. */
+  enablesuggestions?: boolean;
+  /** Hint for the keyboard action button. */
+  enterkeyhint?: string;
+  /** Maximum number of lines for the input. Use for multi-line input. */
+  maxlines?: string;
+  /** Minimum number of lines for the input. */
+  minlines?: string;
+  /** Color of the cursor (e.g., '#FF0000', 'red'). */
+  cursorcolor?: string;
+  /** Color of the text selection highlight (e.g., '#0000FF', 'blue'). */
+  selectioncolor?: string;
+  /** Character used to obscure text in password mode. */
+  obscuringcharacter?: string;
+}
+/**
+ * Properties for <flutter-shadcn-input>
+A styled text input field.
+@example
+```html
+<flutter-shadcn-input
+  placeholder="Enter your email"
+  type="email"
+  oninput="handleInput(event)"
+/>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnInput
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnInput>
+ * ```
+ */
+export const FlutterShadcnInput = createWebFComponent<FlutterShadcnInputElement, FlutterShadcnInputProps>({
+  tagName: 'flutter-shadcn-input',
+  displayName: 'FlutterShadcnInput',
+  // Map props to attributes
+  attributeProps: [
+    'value',
+    'placeholder',
+    'type',
+    'disabled',
+    'readonly',
+    'maxlength',
+    'minlength',
+    'pattern',
+    'required',
+    'autofocus',
+    'textalign',
+    'autocapitalize',
+    'autocorrect',
+    'enablesuggestions',
+    'enterkeyhint',
+    'maxlines',
+    'minlines',
+    'cursorcolor',
+    'selectioncolor',
+    'obscuringcharacter',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onInput',
+      eventName: 'input',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+    {
+      propName: 'onChange',
+      eventName: 'change',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+    {
+      propName: 'onFocus',
+      eventName: 'focus',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+    {
+      propName: 'onBlur',
+      eventName: 'blur',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+    {
+      propName: 'onSubmit',
+      eventName: 'submit',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/popover.tsx b/packages/react-shadcn-ui/src/lib/src/components/popover.tsx
new file mode 100644
index 0000000000..733efda2de
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/popover.tsx
@@ -0,0 +1,217 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnPopoverProps {
+  /**
+   * Whether the popover is open.
+   */
+  open?: boolean;
+  /**
+   * Placement of the popover.
+   * Options: 'top', 'bottom', 'left', 'right'
+   * Default: 'bottom'
+   */
+  placement?: string;
+  /**
+   * Close when clicking outside.
+   * Default: true
+   */
+  closeOnOutsideClick?: boolean;
+  /**
+   * Fired when popover opens.
+   */
+  onOpen?: (event: Event) => void;
+  /**
+   * Fired when popover closes.
+   */
+  onClose?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnPopoverElement extends WebFElementWithMethods<{
+}> {
+  /** Whether the popover is open. */
+  open?: boolean;
+  /** Placement of the popover. */
+  placement?: string;
+  /** Close when clicking outside. */
+  closeOnOutsideClick?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-popover>
+A floating content container that appears on trigger.
+@example
+```html
+<flutter-shadcn-popover placement="bottom">
+  <flutter-shadcn-popover-trigger>
+    <flutter-shadcn-button>Open</flutter-shadcn-button>
+  </flutter-shadcn-popover-trigger>
+  <flutter-shadcn-popover-content>
+    Popover content here.
+  </flutter-shadcn-popover-content>
+</flutter-shadcn-popover>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnPopover
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnPopover>
+ * ```
+ */
+export const FlutterShadcnPopover = createWebFComponent<FlutterShadcnPopoverElement, FlutterShadcnPopoverProps>({
+  tagName: 'flutter-shadcn-popover',
+  displayName: 'FlutterShadcnPopover',
+  // Map props to attributes
+  attributeProps: [
+    'open',
+    'placement',
+    'closeOnOutsideClick',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    closeOnOutsideClick: 'close-on-outside-click',
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onOpen',
+      eventName: 'open',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+    {
+      propName: 'onClose',
+      eventName: 'close',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnPopoverTriggerProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnPopoverTriggerElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-popover-trigger>
+Trigger element for the popover.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnPopoverTrigger
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnPopoverTrigger>
+ * ```
+ */
+export const FlutterShadcnPopoverTrigger = createWebFComponent<FlutterShadcnPopoverTriggerElement, FlutterShadcnPopoverTriggerProps>({
+  tagName: 'flutter-shadcn-popover-trigger',
+  displayName: 'FlutterShadcnPopoverTrigger',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnPopoverContentProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnPopoverContentElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-popover-content>
+Content of the popover.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnPopoverContent
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnPopoverContent>
+ * ```
+ */
+export const FlutterShadcnPopoverContent = createWebFComponent<FlutterShadcnPopoverContentElement, FlutterShadcnPopoverContentProps>({
+  tagName: 'flutter-shadcn-popover-content',
+  displayName: 'FlutterShadcnPopoverContent',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/progress.tsx b/packages/react-shadcn-ui/src/lib/src/components/progress.tsx
new file mode 100644
index 0000000000..7e7da004b1
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/progress.tsx
@@ -0,0 +1,83 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnProgressProps {
+  /**
+   * Current progress value.
+   */
+  value?: string;
+  /**
+   * Maximum value.
+   * Default: 100
+   */
+  max?: string;
+  /**
+   * Visual variant.
+   * Options: 'default', 'indeterminate'
+   * Default: 'default'
+   */
+  variant?: string;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnProgressElement extends WebFElementWithMethods<{
+}> {
+  /** Current progress value. */
+  value?: string;
+  /** Maximum value. */
+  max?: string;
+  /** Visual variant. */
+  variant?: string;
+}
+/**
+ * Properties for <flutter-shadcn-progress>
+A progress indicator component.
+@example
+```html
+<flutter-shadcn-progress value="60" max="100" />
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnProgress
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnProgress>
+ * ```
+ */
+export const FlutterShadcnProgress = createWebFComponent<FlutterShadcnProgressElement, FlutterShadcnProgressProps>({
+  tagName: 'flutter-shadcn-progress',
+  displayName: 'FlutterShadcnProgress',
+  // Map props to attributes
+  attributeProps: [
+    'value',
+    'max',
+    'variant',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/radio.tsx b/packages/react-shadcn-ui/src/lib/src/components/radio.tsx
new file mode 100644
index 0000000000..f8f3ab01ff
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/radio.tsx
@@ -0,0 +1,162 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnRadioProps {
+  /**
+   * Currently selected value.
+   */
+  value?: string;
+  /**
+   * Disable all radio items.
+   */
+  disabled?: boolean;
+  /**
+   * Orientation of the radio group.
+   * Options: 'horizontal', 'vertical'
+   * Default: 'vertical'
+   */
+  orientation?: string;
+  /**
+   * Fired when selection changes.
+   */
+  onChange?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnRadioElement extends WebFElementWithMethods<{
+}> {
+  /** Currently selected value. */
+  value?: string;
+  /** Disable all radio items. */
+  disabled?: boolean;
+  /** Orientation of the radio group. */
+  orientation?: string;
+}
+/**
+ * Properties for <flutter-shadcn-radio>
+Container for radio button groups.
+@example
+```html
+<flutter-shadcn-radio value="option1" onchange="handleChange(event)">
+  <flutter-shadcn-radio-item value="option1">Option 1</flutter-shadcn-radio-item>
+  <flutter-shadcn-radio-item value="option2">Option 2</flutter-shadcn-radio-item>
+</flutter-shadcn-radio>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnRadio
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnRadio>
+ * ```
+ */
+export const FlutterShadcnRadio = createWebFComponent<FlutterShadcnRadioElement, FlutterShadcnRadioProps>({
+  tagName: 'flutter-shadcn-radio',
+  displayName: 'FlutterShadcnRadio',
+  // Map props to attributes
+  attributeProps: [
+    'value',
+    'disabled',
+    'orientation',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onChange',
+      eventName: 'change',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnRadioItemProps {
+  /**
+   * Value of this radio option.
+   */
+  value: string;
+  /**
+   * Disable this specific radio item.
+   */
+  disabled?: boolean;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnRadioItemElement extends WebFElementWithMethods<{
+}> {
+  /** Value of this radio option. */
+  value: string;
+  /** Disable this specific radio item. */
+  disabled?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-radio-item>
+Individual radio button option.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnRadioItem
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnRadioItem>
+ * ```
+ */
+export const FlutterShadcnRadioItem = createWebFComponent<FlutterShadcnRadioItemElement, FlutterShadcnRadioItemProps>({
+  tagName: 'flutter-shadcn-radio-item',
+  displayName: 'FlutterShadcnRadioItem',
+  // Map props to attributes
+  attributeProps: [
+    'value',
+    'disabled',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/scroll_area.tsx b/packages/react-shadcn-ui/src/lib/src/components/scroll_area.tsx
new file mode 100644
index 0000000000..4d5ea6310f
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/scroll_area.tsx
@@ -0,0 +1,70 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnScrollAreaProps {
+  /**
+   * Orientation of the scroll area.
+   * Options: 'vertical', 'horizontal', 'both'
+   * Default: 'vertical'
+   */
+  orientation?: string;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnScrollAreaElement extends WebFElementWithMethods<{
+}> {
+  /** Orientation of the scroll area. */
+  orientation?: string;
+}
+/**
+ * Properties for <flutter-shadcn-scroll-area>
+A scrollable area with styled scrollbars.
+@example
+```html
+<flutter-shadcn-scroll-area style="height: 200px">
+  <div>Scrollable content...</div>
+</flutter-shadcn-scroll-area>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnScrollArea
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnScrollArea>
+ * ```
+ */
+export const FlutterShadcnScrollArea = createWebFComponent<FlutterShadcnScrollAreaElement, FlutterShadcnScrollAreaProps>({
+  tagName: 'flutter-shadcn-scroll-area',
+  displayName: 'FlutterShadcnScrollArea',
+  // Map props to attributes
+  attributeProps: [
+    'orientation',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/select.tsx b/packages/react-shadcn-ui/src/lib/src/components/select.tsx
new file mode 100644
index 0000000000..3d7533cd05
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/select.tsx
@@ -0,0 +1,540 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnSelectProps {
+  /**
+   * Currently selected value.
+   */
+  value?: string;
+  /**
+   * Placeholder text when no value is selected.
+   */
+  placeholder?: string;
+  /**
+   * Disable the select.
+   */
+  disabled?: boolean;
+  /**
+   * Allow multiple selection.
+   */
+  multiple?: boolean;
+  /**
+   * Allow searching/filtering options.
+   */
+  searchable?: boolean;
+  /**
+   * Placeholder for search input when searchable.
+   */
+  searchPlaceholder?: string;
+  /**
+   * Allow deselecting the current selection.
+   */
+  allowDeselection?: boolean;
+  /**
+   * Whether to close the popover after selecting an option.
+   * Default: true for single select, configurable for multiple.
+   */
+  closeOnSelect?: boolean;
+  /**
+   * Fired when selection changes.
+   * Event detail contains { value: string }.
+   */
+  onChange?: (event: CustomEvent<{ value: string }>) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnSelectElement extends WebFElementWithMethods<{
+}> {
+  /** Currently selected value. */
+  value?: string;
+  /** Placeholder text when no value is selected. */
+  placeholder?: string;
+  /** Disable the select. */
+  disabled?: boolean;
+  /** Allow multiple selection. */
+  multiple?: boolean;
+  /** Allow searching/filtering options. */
+  searchable?: boolean;
+  /** Placeholder for search input when searchable. */
+  searchPlaceholder?: string;
+  /** Allow deselecting the current selection. */
+  allowDeselection?: boolean;
+  /** Whether to close the popover after selecting an option. */
+  closeOnSelect?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-select>
+A dropdown select component with support for single/multiple selection and search.
+@example
+```html
+<!-- Simple usage -->
+<flutter-shadcn-select placeholder="Select a fruit" onchange="handleChange(event)">
+  <flutter-shadcn-select-item value="apple">Apple</flutter-shadcn-select-item>
+  <flutter-shadcn-select-item value="banana">Banana</flutter-shadcn-select-item>
+  <flutter-shadcn-select-item value="orange">Orange</flutter-shadcn-select-item>
+</flutter-shadcn-select>
+<!-- With trigger and content (web shadcn/ui pattern) -->
+<flutter-shadcn-select>
+  <flutter-shadcn-select-trigger placeholder="Select a fruit" />
+  <flutter-shadcn-select-content>
+    <flutter-shadcn-select-item value="apple">Apple</flutter-shadcn-select-item>
+    <flutter-shadcn-select-item value="banana">Banana</flutter-shadcn-select-item>
+  </flutter-shadcn-select-content>
+</flutter-shadcn-select>
+<!-- With groups -->
+<flutter-shadcn-select placeholder="Select a timezone">
+  <flutter-shadcn-select-group label="North America">
+    <flutter-shadcn-select-item value="est">Eastern Standard Time</flutter-shadcn-select-item>
+    <flutter-shadcn-select-item value="cst">Central Standard Time</flutter-shadcn-select-item>
+  </flutter-shadcn-select-group>
+  <flutter-shadcn-select-group label="Europe">
+    <flutter-shadcn-select-item value="gmt">Greenwich Mean Time</flutter-shadcn-select-item>
+    <flutter-shadcn-select-item value="cet">Central European Time</flutter-shadcn-select-item>
+  </flutter-shadcn-select-group>
+</flutter-shadcn-select>
+<!-- With search -->
+<flutter-shadcn-select searchable search-placeholder="Search frameworks...">
+  <flutter-shadcn-select-item value="react">React</flutter-shadcn-select-item>
+  <flutter-shadcn-select-item value="vue">Vue</flutter-shadcn-select-item>
+  <flutter-shadcn-select-item value="angular">Angular</flutter-shadcn-select-item>
+</flutter-shadcn-select>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnSelect
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnSelect>
+ * ```
+ */
+export const FlutterShadcnSelect = createWebFComponent<FlutterShadcnSelectElement, FlutterShadcnSelectProps>({
+  tagName: 'flutter-shadcn-select',
+  displayName: 'FlutterShadcnSelect',
+  // Map props to attributes
+  attributeProps: [
+    'value',
+    'placeholder',
+    'disabled',
+    'multiple',
+    'searchable',
+    'searchPlaceholder',
+    'allowDeselection',
+    'closeOnSelect',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    searchPlaceholder: 'search-placeholder',
+    allowDeselection: 'allow-deselection',
+    closeOnSelect: 'close-on-select',
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onChange',
+      eventName: 'change',
+      handler: (callback: (event: CustomEvent<{ value: string }>) => void) => (event: Event) => {
+        callback(event as CustomEvent<{ value: string }>);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnSelectTriggerProps {
+  /**
+   * Placeholder text when no value is selected.
+   */
+  placeholder?: string;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnSelectTriggerElement extends WebFElementWithMethods<{
+}> {
+  /** Placeholder text when no value is selected. */
+  placeholder?: string;
+}
+/**
+ * Properties for <flutter-shadcn-select-trigger>
+The trigger element that displays the selected value and opens the dropdown.
+@example
+```html
+<flutter-shadcn-select>
+  <flutter-shadcn-select-trigger placeholder="Select an option" />
+  <flutter-shadcn-select-content>
+    ...
+  </flutter-shadcn-select-content>
+</flutter-shadcn-select>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnSelectTrigger
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnSelectTrigger>
+ * ```
+ */
+export const FlutterShadcnSelectTrigger = createWebFComponent<FlutterShadcnSelectTriggerElement, FlutterShadcnSelectTriggerProps>({
+  tagName: 'flutter-shadcn-select-trigger',
+  displayName: 'FlutterShadcnSelectTrigger',
+  // Map props to attributes
+  attributeProps: [
+    'placeholder',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnSelectContentProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnSelectContentElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-select-content>
+Container for the dropdown content/options.
+@example
+```html
+<flutter-shadcn-select-content>
+  <flutter-shadcn-select-item value="1">Option 1</flutter-shadcn-select-item>
+  <flutter-shadcn-select-item value="2">Option 2</flutter-shadcn-select-item>
+</flutter-shadcn-select-content>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnSelectContent
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnSelectContent>
+ * ```
+ */
+export const FlutterShadcnSelectContent = createWebFComponent<FlutterShadcnSelectContentElement, FlutterShadcnSelectContentProps>({
+  tagName: 'flutter-shadcn-select-content',
+  displayName: 'FlutterShadcnSelectContent',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnSelectItemProps {
+  /**
+   * Value of this option.
+   */
+  value: string;
+  /**
+   * Disable this specific option.
+   */
+  disabled?: boolean;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnSelectItemElement extends WebFElementWithMethods<{
+}> {
+  /** Value of this option. */
+  value: string;
+  /** Disable this specific option. */
+  disabled?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-select-item>
+Individual select option.
+@example
+```html
+<flutter-shadcn-select-item value="apple">Apple</flutter-shadcn-select-item>
+<flutter-shadcn-select-item value="banana" disabled>Banana (out of stock)</flutter-shadcn-select-item>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnSelectItem
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnSelectItem>
+ * ```
+ */
+export const FlutterShadcnSelectItem = createWebFComponent<FlutterShadcnSelectItemElement, FlutterShadcnSelectItemProps>({
+  tagName: 'flutter-shadcn-select-item',
+  displayName: 'FlutterShadcnSelectItem',
+  // Map props to attributes
+  attributeProps: [
+    'value',
+    'disabled',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnSelectGroupProps {
+  /**
+   * Label for this option group.
+   */
+  label?: string;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnSelectGroupElement extends WebFElementWithMethods<{
+}> {
+  /** Label for this option group. */
+  label?: string;
+}
+/**
+ * Properties for <flutter-shadcn-select-group>
+Group of select options with optional label.
+@example
+```html
+<flutter-shadcn-select-group label="Fruits">
+  <flutter-shadcn-select-item value="apple">Apple</flutter-shadcn-select-item>
+  <flutter-shadcn-select-item value="banana">Banana</flutter-shadcn-select-item>
+</flutter-shadcn-select-group>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnSelectGroup
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnSelectGroup>
+ * ```
+ */
+export const FlutterShadcnSelectGroup = createWebFComponent<FlutterShadcnSelectGroupElement, FlutterShadcnSelectGroupProps>({
+  tagName: 'flutter-shadcn-select-group',
+  displayName: 'FlutterShadcnSelectGroup',
+  // Map props to attributes
+  attributeProps: [
+    'label',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnSelectLabelProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnSelectLabelElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-select-label>
+A label/header for a section of options (not inside a group).
+@example
+```html
+<flutter-shadcn-select-label>Fruits</flutter-shadcn-select-label>
+<flutter-shadcn-select-item value="apple">Apple</flutter-shadcn-select-item>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnSelectLabel
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnSelectLabel>
+ * ```
+ */
+export const FlutterShadcnSelectLabel = createWebFComponent<FlutterShadcnSelectLabelElement, FlutterShadcnSelectLabelProps>({
+  tagName: 'flutter-shadcn-select-label',
+  displayName: 'FlutterShadcnSelectLabel',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnSelectSeparatorProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnSelectSeparatorElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-select-separator>
+Visual separator between options.
+@example
+```html
+<flutter-shadcn-select-item value="1">Option 1</flutter-shadcn-select-item>
+<flutter-shadcn-select-separator />
+<flutter-shadcn-select-item value="2">Option 2</flutter-shadcn-select-item>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnSelectSeparator
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnSelectSeparator>
+ * ```
+ */
+export const FlutterShadcnSelectSeparator = createWebFComponent<FlutterShadcnSelectSeparatorElement, FlutterShadcnSelectSeparatorProps>({
+  tagName: 'flutter-shadcn-select-separator',
+  displayName: 'FlutterShadcnSelectSeparator',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/separator.tsx b/packages/react-shadcn-ui/src/lib/src/components/separator.tsx
new file mode 100644
index 0000000000..aa1e1b10d1
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/separator.tsx
@@ -0,0 +1,68 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnSeparatorProps {
+  /**
+   * Orientation of the separator.
+   * Options: 'horizontal', 'vertical'
+   * Default: 'horizontal'
+   */
+  orientation?: string;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnSeparatorElement extends WebFElementWithMethods<{
+}> {
+  /** Orientation of the separator. */
+  orientation?: string;
+}
+/**
+ * Properties for <flutter-shadcn-separator>
+A visual separator/divider component.
+@example
+```html
+<flutter-shadcn-separator orientation="horizontal" />
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnSeparator
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnSeparator>
+ * ```
+ */
+export const FlutterShadcnSeparator = createWebFComponent<FlutterShadcnSeparatorElement, FlutterShadcnSeparatorProps>({
+  tagName: 'flutter-shadcn-separator',
+  displayName: 'FlutterShadcnSeparator',
+  // Map props to attributes
+  attributeProps: [
+    'orientation',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/sheet.tsx b/packages/react-shadcn-ui/src/lib/src/components/sheet.tsx
new file mode 100644
index 0000000000..b9142e8bac
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/sheet.tsx
@@ -0,0 +1,373 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnSheetProps {
+  /**
+   * Whether the sheet is open.
+   */
+  open?: boolean;
+  /**
+   * Side from which the sheet appears.
+   * Options: 'top', 'bottom', 'left', 'right'
+   * Default: 'right'
+   */
+  side?: string;
+  /**
+   * Close when clicking outside.
+   * Default: true
+   */
+  closeOnOutsideClick?: boolean;
+  /**
+   * Fired when sheet opens.
+   */
+  onOpen?: (event: Event) => void;
+  /**
+   * Fired when sheet closes.
+   */
+  onClose?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnSheetElement extends WebFElementWithMethods<{
+}> {
+  /** Whether the sheet is open. */
+  open?: boolean;
+  /** Side from which the sheet appears. */
+  side?: string;
+  /** Close when clicking outside. */
+  closeOnOutsideClick?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-sheet>
+A slide-out panel component.
+@example
+```html
+<flutter-shadcn-sheet side="right" open>
+  <flutter-shadcn-sheet-header>
+    <flutter-shadcn-sheet-title>Settings</flutter-shadcn-sheet-title>
+  </flutter-shadcn-sheet-header>
+  <flutter-shadcn-sheet-content>
+    Sheet content here.
+  </flutter-shadcn-sheet-content>
+</flutter-shadcn-sheet>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnSheet
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnSheet>
+ * ```
+ */
+export const FlutterShadcnSheet = createWebFComponent<FlutterShadcnSheetElement, FlutterShadcnSheetProps>({
+  tagName: 'flutter-shadcn-sheet',
+  displayName: 'FlutterShadcnSheet',
+  // Map props to attributes
+  attributeProps: [
+    'open',
+    'side',
+    'closeOnOutsideClick',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    closeOnOutsideClick: 'close-on-outside-click',
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onOpen',
+      eventName: 'open',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+    {
+      propName: 'onClose',
+      eventName: 'close',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnSheetHeaderProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnSheetHeaderElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-sheet-header>
+Header slot for sheet.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnSheetHeader
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnSheetHeader>
+ * ```
+ */
+export const FlutterShadcnSheetHeader = createWebFComponent<FlutterShadcnSheetHeaderElement, FlutterShadcnSheetHeaderProps>({
+  tagName: 'flutter-shadcn-sheet-header',
+  displayName: 'FlutterShadcnSheetHeader',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnSheetTitleProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnSheetTitleElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-sheet-title>
+Title within sheet header.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnSheetTitle
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnSheetTitle>
+ * ```
+ */
+export const FlutterShadcnSheetTitle = createWebFComponent<FlutterShadcnSheetTitleElement, FlutterShadcnSheetTitleProps>({
+  tagName: 'flutter-shadcn-sheet-title',
+  displayName: 'FlutterShadcnSheetTitle',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnSheetDescriptionProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnSheetDescriptionElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-sheet-description>
+Description within sheet header.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnSheetDescription
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnSheetDescription>
+ * ```
+ */
+export const FlutterShadcnSheetDescription = createWebFComponent<FlutterShadcnSheetDescriptionElement, FlutterShadcnSheetDescriptionProps>({
+  tagName: 'flutter-shadcn-sheet-description',
+  displayName: 'FlutterShadcnSheetDescription',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnSheetContentProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnSheetContentElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-sheet-content>
+Main content slot for sheet.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnSheetContent
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnSheetContent>
+ * ```
+ */
+export const FlutterShadcnSheetContent = createWebFComponent<FlutterShadcnSheetContentElement, FlutterShadcnSheetContentProps>({
+  tagName: 'flutter-shadcn-sheet-content',
+  displayName: 'FlutterShadcnSheetContent',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnSheetFooterProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnSheetFooterElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-sheet-footer>
+Footer slot for sheet.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnSheetFooter
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnSheetFooter>
+ * ```
+ */
+export const FlutterShadcnSheetFooter = createWebFComponent<FlutterShadcnSheetFooterElement, FlutterShadcnSheetFooterProps>({
+  tagName: 'flutter-shadcn-sheet-footer',
+  displayName: 'FlutterShadcnSheetFooter',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/skeleton.tsx b/packages/react-shadcn-ui/src/lib/src/components/skeleton.tsx
new file mode 100644
index 0000000000..e4bc0cdef2
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/skeleton.tsx
@@ -0,0 +1,81 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnSkeletonProps {
+  /**
+   * Width of the skeleton in pixels.
+   */
+  width?: string;
+  /**
+   * Height of the skeleton in pixels.
+   */
+  height?: string;
+  /**
+   * Whether the skeleton is circular.
+   */
+  circle?: boolean;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnSkeletonElement extends WebFElementWithMethods<{
+}> {
+  /** Width of the skeleton in pixels. */
+  width?: string;
+  /** Height of the skeleton in pixels. */
+  height?: string;
+  /** Whether the skeleton is circular. */
+  circle?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-skeleton>
+A skeleton loading placeholder.
+@example
+```html
+<flutter-shadcn-skeleton width="100" height="20" />
+<flutter-shadcn-skeleton circle width="40" height="40" />
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnSkeleton
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnSkeleton>
+ * ```
+ */
+export const FlutterShadcnSkeleton = createWebFComponent<FlutterShadcnSkeletonElement, FlutterShadcnSkeletonProps>({
+  tagName: 'flutter-shadcn-skeleton',
+  displayName: 'FlutterShadcnSkeleton',
+  // Map props to attributes
+  attributeProps: [
+    'width',
+    'height',
+    'circle',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/slider.tsx b/packages/react-shadcn-ui/src/lib/src/components/slider.tsx
new file mode 100644
index 0000000000..84a8d0f422
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/slider.tsx
@@ -0,0 +1,134 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnSliderProps {
+  /**
+   * Current value of the slider.
+   */
+  value?: string;
+  /**
+   * Minimum value.
+   * Default: 0
+   */
+  min?: string;
+  /**
+   * Maximum value.
+   * Default: 100
+   */
+  max?: string;
+  /**
+   * Step increment.
+   * Default: 1
+   */
+  step?: string;
+  /**
+   * Disable the slider.
+   */
+  disabled?: boolean;
+  /**
+   * Orientation of the slider.
+   * Options: 'horizontal', 'vertical'
+   * Default: 'horizontal'
+   */
+  orientation?: string;
+  /**
+   * Fired continuously while sliding.
+   */
+  onInput?: (event: Event) => void;
+  /**
+   * Fired when sliding ends.
+   */
+  onChange?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnSliderElement extends WebFElementWithMethods<{
+}> {
+  /** Current value of the slider. */
+  value?: string;
+  /** Minimum value. */
+  min?: string;
+  /** Maximum value. */
+  max?: string;
+  /** Step increment. */
+  step?: string;
+  /** Disable the slider. */
+  disabled?: boolean;
+  /** Orientation of the slider. */
+  orientation?: string;
+}
+/**
+ * Properties for <flutter-shadcn-slider>
+A slider control for selecting a value from a range.
+@example
+```html
+<flutter-shadcn-slider
+  value="50"
+  min="0"
+  max="100"
+  step="1"
+  oninput="handleInput(event)"
+/>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnSlider
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnSlider>
+ * ```
+ */
+export const FlutterShadcnSlider = createWebFComponent<FlutterShadcnSliderElement, FlutterShadcnSliderProps>({
+  tagName: 'flutter-shadcn-slider',
+  displayName: 'FlutterShadcnSlider',
+  // Map props to attributes
+  attributeProps: [
+    'value',
+    'min',
+    'max',
+    'step',
+    'disabled',
+    'orientation',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onInput',
+      eventName: 'input',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+    {
+      propName: 'onChange',
+      eventName: 'change',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/switch.tsx b/packages/react-shadcn-ui/src/lib/src/components/switch.tsx
new file mode 100644
index 0000000000..21684c7685
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/switch.tsx
@@ -0,0 +1,89 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnSwitchProps {
+  /**
+   * Whether the switch is on.
+   */
+  checked?: boolean;
+  /**
+   * Disable the switch.
+   */
+  disabled?: boolean;
+  /**
+   * Fired when the switch state changes.
+   */
+  onChange?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnSwitchElement extends WebFElementWithMethods<{
+}> {
+  /** Whether the switch is on. */
+  checked?: boolean;
+  /** Disable the switch. */
+  disabled?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-switch>
+A toggle switch control.
+@example
+```html
+<flutter-shadcn-switch
+  checked
+  onchange="handleChange(event)"
+>
+  Enable notifications
+</flutter-shadcn-switch>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnSwitch
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnSwitch>
+ * ```
+ */
+export const FlutterShadcnSwitch = createWebFComponent<FlutterShadcnSwitchElement, FlutterShadcnSwitchProps>({
+  tagName: 'flutter-shadcn-switch',
+  displayName: 'FlutterShadcnSwitch',
+  // Map props to attributes
+  attributeProps: [
+    'checked',
+    'disabled',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onChange',
+      eventName: 'change',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/table.tsx b/packages/react-shadcn-ui/src/lib/src/components/table.tsx
new file mode 100644
index 0000000000..d6d388a962
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/table.tsx
@@ -0,0 +1,327 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnTableProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnTableElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-table>
+A data table component.
+@example
+```html
+<flutter-shadcn-table>
+  <flutter-shadcn-table-header>
+    <flutter-shadcn-table-row>
+      <flutter-shadcn-table-head>Name</flutter-shadcn-table-head>
+      <flutter-shadcn-table-head>Status</flutter-shadcn-table-head>
+    </flutter-shadcn-table-row>
+  </flutter-shadcn-table-header>
+  <flutter-shadcn-table-body>
+    <flutter-shadcn-table-row>
+      <flutter-shadcn-table-cell>John</flutter-shadcn-table-cell>
+      <flutter-shadcn-table-cell>Active</flutter-shadcn-table-cell>
+    </flutter-shadcn-table-row>
+  </flutter-shadcn-table-body>
+</flutter-shadcn-table>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnTable
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnTable>
+ * ```
+ */
+export const FlutterShadcnTable = createWebFComponent<FlutterShadcnTableElement, FlutterShadcnTableProps>({
+  tagName: 'flutter-shadcn-table',
+  displayName: 'FlutterShadcnTable',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnTableHeaderProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnTableHeaderElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * FlutterShadcnTableHeader - WebF FlutterShadcnTableHeader component
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnTableHeader
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnTableHeader>
+ * ```
+ */
+export const FlutterShadcnTableHeader = createWebFComponent<FlutterShadcnTableHeaderElement, FlutterShadcnTableHeaderProps>({
+  tagName: 'flutter-shadcn-table-header',
+  displayName: 'FlutterShadcnTableHeader',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnTableBodyProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnTableBodyElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * FlutterShadcnTableBody - WebF FlutterShadcnTableBody component
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnTableBody
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnTableBody>
+ * ```
+ */
+export const FlutterShadcnTableBody = createWebFComponent<FlutterShadcnTableBodyElement, FlutterShadcnTableBodyProps>({
+  tagName: 'flutter-shadcn-table-body',
+  displayName: 'FlutterShadcnTableBody',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnTableRowProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnTableRowElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * FlutterShadcnTableRow - WebF FlutterShadcnTableRow component
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnTableRow
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnTableRow>
+ * ```
+ */
+export const FlutterShadcnTableRow = createWebFComponent<FlutterShadcnTableRowElement, FlutterShadcnTableRowProps>({
+  tagName: 'flutter-shadcn-table-row',
+  displayName: 'FlutterShadcnTableRow',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnTableHeadProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnTableHeadElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * FlutterShadcnTableHead - WebF FlutterShadcnTableHead component
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnTableHead
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnTableHead>
+ * ```
+ */
+export const FlutterShadcnTableHead = createWebFComponent<FlutterShadcnTableHeadElement, FlutterShadcnTableHeadProps>({
+  tagName: 'flutter-shadcn-table-head',
+  displayName: 'FlutterShadcnTableHead',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnTableCellProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnTableCellElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * FlutterShadcnTableCell - WebF FlutterShadcnTableCell component
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnTableCell
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnTableCell>
+ * ```
+ */
+export const FlutterShadcnTableCell = createWebFComponent<FlutterShadcnTableCellElement, FlutterShadcnTableCellProps>({
+  tagName: 'flutter-shadcn-table-cell',
+  displayName: 'FlutterShadcnTableCell',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/tabs.tsx b/packages/react-shadcn-ui/src/lib/src/components/tabs.tsx
new file mode 100644
index 0000000000..9c8c870b57
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/tabs.tsx
@@ -0,0 +1,269 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnTabsProps {
+  /**
+   * Currently active tab value.
+   */
+  value?: string;
+  /**
+   * Default tab value (uncontrolled mode).
+   */
+  defaultValue?: string;
+  /**
+   * Fired when active tab changes.
+   */
+  onChange?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnTabsElement extends WebFElementWithMethods<{
+}> {
+  /** Currently active tab value. */
+  value?: string;
+  /** Default tab value (uncontrolled mode). */
+  defaultValue?: string;
+}
+/**
+ * Properties for <flutter-shadcn-tabs>
+A tabbed interface component.
+@example
+```html
+<flutter-shadcn-tabs value="account">
+  <flutter-shadcn-tabs-list>
+    <flutter-shadcn-tabs-trigger value="account">Account</flutter-shadcn-tabs-trigger>
+    <flutter-shadcn-tabs-trigger value="password">Password</flutter-shadcn-tabs-trigger>
+  </flutter-shadcn-tabs-list>
+  <flutter-shadcn-tabs-content value="account">Account content here.</flutter-shadcn-tabs-content>
+  <flutter-shadcn-tabs-content value="password">Password content here.</flutter-shadcn-tabs-content>
+</flutter-shadcn-tabs>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnTabs
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnTabs>
+ * ```
+ */
+export const FlutterShadcnTabs = createWebFComponent<FlutterShadcnTabsElement, FlutterShadcnTabsProps>({
+  tagName: 'flutter-shadcn-tabs',
+  displayName: 'FlutterShadcnTabs',
+  // Map props to attributes
+  attributeProps: [
+    'value',
+    'defaultValue',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    defaultValue: 'default-value',
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onChange',
+      eventName: 'change',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnTabsListProps {
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnTabsListElement extends WebFElementWithMethods<{
+}> {
+}
+/**
+ * Properties for <flutter-shadcn-tabs-list>
+Container for tab triggers.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnTabsList
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnTabsList>
+ * ```
+ */
+export const FlutterShadcnTabsList = createWebFComponent<FlutterShadcnTabsListElement, FlutterShadcnTabsListProps>({
+  tagName: 'flutter-shadcn-tabs-list',
+  displayName: 'FlutterShadcnTabsList',
+  // Map props to attributes
+  attributeProps: [
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnTabsTriggerProps {
+  /**
+   * Value identifier for this tab.
+   */
+  value: string;
+  /**
+   * Disable this tab.
+   */
+  disabled?: boolean;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnTabsTriggerElement extends WebFElementWithMethods<{
+}> {
+  /** Value identifier for this tab. */
+  value: string;
+  /** Disable this tab. */
+  disabled?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-tabs-trigger>
+Individual tab trigger button.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnTabsTrigger
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnTabsTrigger>
+ * ```
+ */
+export const FlutterShadcnTabsTrigger = createWebFComponent<FlutterShadcnTabsTriggerElement, FlutterShadcnTabsTriggerProps>({
+  tagName: 'flutter-shadcn-tabs-trigger',
+  displayName: 'FlutterShadcnTabsTrigger',
+  // Map props to attributes
+  attributeProps: [
+    'value',
+    'disabled',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
+export interface FlutterShadcnTabsContentProps {
+  /**
+   * Value identifier matching a trigger.
+   */
+  value: string;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnTabsContentElement extends WebFElementWithMethods<{
+}> {
+  /** Value identifier matching a trigger. */
+  value: string;
+}
+/**
+ * Properties for <flutter-shadcn-tabs-content>
+Content panel for a tab.
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnTabsContent
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnTabsContent>
+ * ```
+ */
+export const FlutterShadcnTabsContent = createWebFComponent<FlutterShadcnTabsContentElement, FlutterShadcnTabsContentProps>({
+  tagName: 'flutter-shadcn-tabs-content',
+  displayName: 'FlutterShadcnTabsContent',
+  // Map props to attributes
+  attributeProps: [
+    'value',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/textarea.tsx b/packages/react-shadcn-ui/src/lib/src/components/textarea.tsx
new file mode 100644
index 0000000000..f9e3014a65
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/textarea.tsx
@@ -0,0 +1,163 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnTextareaProps {
+  /**
+   * Current value of the textarea.
+   */
+  value?: string;
+  /**
+   * Placeholder text shown when empty.
+   */
+  placeholder?: string;
+  /**
+   * Number of visible text rows.
+   * Default: 3
+   */
+  rows?: string;
+  /**
+   * Disable the textarea.
+   */
+  disabled?: boolean;
+  /**
+   * Make the textarea read-only.
+   */
+  readonly?: boolean;
+  /**
+   * Maximum length of the input value.
+   */
+  maxlength?: string;
+  /**
+   * Whether the textarea is required.
+   */
+  required?: boolean;
+  /**
+   * Autofocus on mount.
+   */
+  autofocus?: boolean;
+  /**
+   * Fired on every input change.
+   */
+  onInput?: (event: Event) => void;
+  /**
+   * Fired when textarea loses focus.
+   */
+  onChange?: (event: Event) => void;
+  /**
+   * Fired when textarea gains focus.
+   */
+  onFocus?: (event: Event) => void;
+  /**
+   * Fired when textarea loses focus.
+   */
+  onBlur?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnTextareaElement extends WebFElementWithMethods<{
+}> {
+  /** Current value of the textarea. */
+  value?: string;
+  /** Placeholder text shown when empty. */
+  placeholder?: string;
+  /** Number of visible text rows. */
+  rows?: string;
+  /** Disable the textarea. */
+  disabled?: boolean;
+  /** Make the textarea read-only. */
+  readonly?: boolean;
+  /** Maximum length of the input value. */
+  maxlength?: string;
+  /** Whether the textarea is required. */
+  required?: boolean;
+  /** Autofocus on mount. */
+  autofocus?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-textarea>
+A multi-line text input field.
+@example
+```html
+<flutter-shadcn-textarea
+  placeholder="Enter your message..."
+  rows="4"
+/>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnTextarea
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnTextarea>
+ * ```
+ */
+export const FlutterShadcnTextarea = createWebFComponent<FlutterShadcnTextareaElement, FlutterShadcnTextareaProps>({
+  tagName: 'flutter-shadcn-textarea',
+  displayName: 'FlutterShadcnTextarea',
+  // Map props to attributes
+  attributeProps: [
+    'value',
+    'placeholder',
+    'rows',
+    'disabled',
+    'readonly',
+    'maxlength',
+    'required',
+    'autofocus',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onInput',
+      eventName: 'input',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+    {
+      propName: 'onChange',
+      eventName: 'change',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+    {
+      propName: 'onFocus',
+      eventName: 'focus',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+    {
+      propName: 'onBlur',
+      eventName: 'blur',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/time_picker.tsx b/packages/react-shadcn-ui/src/lib/src/components/time_picker.tsx
new file mode 100644
index 0000000000..a1087bbe12
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/time_picker.tsx
@@ -0,0 +1,104 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnTimePickerProps {
+  /**
+   * Selected time in HH:mm format.
+   */
+  value?: string;
+  /**
+   * Placeholder text when no time is selected.
+   */
+  placeholder?: string;
+  /**
+   * Disable the picker.
+   */
+  disabled?: boolean;
+  /**
+   * Use 24-hour format.
+   * Default: true
+   */
+  use24Hour?: boolean;
+  /**
+   * Fired when time selection changes.
+   */
+  onChange?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnTimePickerElement extends WebFElementWithMethods<{
+}> {
+  /** Selected time in HH:mm format. */
+  value?: string;
+  /** Placeholder text when no time is selected. */
+  placeholder?: string;
+  /** Disable the picker. */
+  disabled?: boolean;
+  /** Use 24-hour format. */
+  use24Hour?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-time-picker>
+A time picker component.
+@example
+```html
+<flutter-shadcn-time-picker
+  value="14:30"
+  placeholder="Select time"
+  onchange="handleChange(event)"
+/>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnTimePicker
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnTimePicker>
+ * ```
+ */
+export const FlutterShadcnTimePicker = createWebFComponent<FlutterShadcnTimePickerElement, FlutterShadcnTimePickerProps>({
+  tagName: 'flutter-shadcn-time-picker',
+  displayName: 'FlutterShadcnTimePicker',
+  // Map props to attributes
+  attributeProps: [
+    'value',
+    'placeholder',
+    'disabled',
+    'use24Hour',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    use24Hour: 'use-24-hour',
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onChange',
+      eventName: 'change',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/toast.tsx b/packages/react-shadcn-ui/src/lib/src/components/toast.tsx
new file mode 100644
index 0000000000..2dd6c75bd8
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/toast.tsx
@@ -0,0 +1,110 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnToastProps {
+  /**
+   * Visual variant of the toast.
+   * - 'default': Standard toast
+   * - 'destructive': Red error toast
+   * Default: 'default'
+   */
+  variant?: string;
+  /**
+   * Title of the toast.
+   */
+  title?: string;
+  /**
+   * Description text.
+   */
+  description?: string;
+  /**
+   * Duration in milliseconds before auto-dismiss.
+   * Set to 0 to disable auto-dismiss.
+   * Default: 5000
+   */
+  duration?: string;
+  /**
+   * Show close button.
+   */
+  closable?: boolean;
+  /**
+   * Fired when toast is dismissed.
+   */
+  onClose?: (event: Event) => void;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnToastElement extends WebFElementWithMethods<{
+}> {
+  /** Visual variant of the toast. */
+  variant?: string;
+  /** Title of the toast. */
+  title?: string;
+  /** Description text. */
+  description?: string;
+  /** Duration in milliseconds before auto-dismiss. */
+  duration?: string;
+  /** Show close button. */
+  closable?: boolean;
+}
+/**
+ * Properties for <flutter-shadcn-toast>
+A toast notification component.
+@example
+```html
+<flutter-shadcn-toast variant="default" title="Success" description="Your changes have been saved." />
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnToast
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnToast>
+ * ```
+ */
+export const FlutterShadcnToast = createWebFComponent<FlutterShadcnToastElement, FlutterShadcnToastProps>({
+  tagName: 'flutter-shadcn-toast',
+  displayName: 'FlutterShadcnToast',
+  // Map props to attributes
+  attributeProps: [
+    'variant',
+    'title',
+    'description',
+    'duration',
+    'closable',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+  },
+  // Event handlers
+  events: [
+    {
+      propName: 'onClose',
+      eventName: 'close',
+      handler: (callback: (event: Event) => void) => (event: Event) => {
+        callback(event as Event);
+      },
+    },
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/components/tooltip.tsx b/packages/react-shadcn-ui/src/lib/src/components/tooltip.tsx
new file mode 100644
index 0000000000..7761c0bada
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/components/tooltip.tsx
@@ -0,0 +1,95 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnTooltipProps {
+  /**
+   * Text content of the tooltip.
+   */
+  content?: string;
+  /**
+   * Delay before showing tooltip in milliseconds.
+   * Default: 200
+   */
+  showDelay?: string;
+  /**
+   * Delay before hiding tooltip in milliseconds.
+   * Default: 0
+   */
+  hideDelay?: string;
+  /**
+   * Placement of the tooltip relative to the trigger.
+   * Options: 'top', 'bottom', 'left', 'right'
+   * Default: 'top'
+   */
+  placement?: string;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnTooltipElement extends WebFElementWithMethods<{
+}> {
+  /** Text content of the tooltip. */
+  content?: string;
+  /** Delay before showing tooltip in milliseconds. */
+  showDelay?: string;
+  /** Delay before hiding tooltip in milliseconds. */
+  hideDelay?: string;
+  /** Placement of the tooltip relative to the trigger. */
+  placement?: string;
+}
+/**
+ * Properties for <flutter-shadcn-tooltip>
+A tooltip component that shows additional information on hover.
+@example
+```html
+<flutter-shadcn-tooltip content="This is a tooltip">
+  <flutter-shadcn-button>Hover me</flutter-shadcn-button>
+</flutter-shadcn-tooltip>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnTooltip
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnTooltip>
+ * ```
+ */
+export const FlutterShadcnTooltip = createWebFComponent<FlutterShadcnTooltipElement, FlutterShadcnTooltipProps>({
+  tagName: 'flutter-shadcn-tooltip',
+  displayName: 'FlutterShadcnTooltip',
+  // Map props to attributes
+  attributeProps: [
+    'content',
+    'showDelay',
+    'hideDelay',
+    'placement',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    showDelay: 'show-delay',
+    hideDelay: 'hide-delay',
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file
diff --git a/packages/react-shadcn-ui/src/lib/src/theme/theme.tsx b/packages/react-shadcn-ui/src/lib/src/theme/theme.tsx
new file mode 100644
index 0000000000..2ad6b8fe0d
--- /dev/null
+++ b/packages/react-shadcn-ui/src/lib/src/theme/theme.tsx
@@ -0,0 +1,93 @@
+import React from "react";
+import { createWebFComponent, WebFElementWithMethods } from "@openwebf/react-core-ui";
+import * as __webfTypes from "../../../types";
+export interface FlutterShadcnThemeProps {
+  /**
+   * The color scheme to use for theming.
+   * Available options: 'blue', 'gray', 'green', 'neutral', 'orange',
+   * 'red', 'rose', 'slate', 'stone', 'violet', 'yellow', 'zinc'.
+   * Default: 'zinc'
+   */
+  colorScheme?: string;
+  /**
+   * The brightness mode for the theme.
+   * - 'light': Light mode
+   * - 'dark': Dark mode
+   * - 'system': Follow system preference
+   * Default: 'system'
+   */
+  brightness?: string;
+  /**
+   * Radius multiplier for border radius values.
+   * Default: 0.5
+   */
+  radius?: string;
+  /**
+   * HTML id attribute
+   */
+  id?: string;
+  /**
+   * Additional CSS styles
+   */
+  style?: React.CSSProperties;
+  /**
+   * Children elements
+   */
+  children?: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+}
+export interface FlutterShadcnThemeElement extends WebFElementWithMethods<{
+}> {
+  /** The color scheme to use for theming. */
+  colorScheme?: string;
+  /** The brightness mode for the theme. */
+  brightness?: string;
+  /** Radius multiplier for border radius values. */
+  radius?: string;
+}
+/**
+ * Properties for <flutter-shadcn-theme>
+Theme provider element that wraps content with shadcn_ui theming.
+Use this as a root element to provide consistent theming to all
+shadcn components within.
+@example
+```html
+<flutter-shadcn-theme color-scheme="blue" brightness="light">
+  <flutter-shadcn-button variant="default">Click me</flutter-shadcn-button>
+</flutter-shadcn-theme>
+```
+ * 
+ * @example
+ * ```tsx
+ * 
+ * <FlutterShadcnTheme
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterShadcnTheme>
+ * ```
+ */
+export const FlutterShadcnTheme = createWebFComponent<FlutterShadcnThemeElement, FlutterShadcnThemeProps>({
+  tagName: 'flutter-shadcn-theme',
+  displayName: 'FlutterShadcnTheme',
+  // Map props to attributes
+  attributeProps: [
+    'colorScheme',
+    'brightness',
+    'radius',
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    colorScheme: 'color-scheme',
+  },
+  // Event handlers
+  events: [
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  },
+});
\ No newline at end of file