@sociallane/elements 1.0.0

package/packages/widgets/bento-grid-4/bento-grid-4.php

@@ -0,0 +1,524 @@
+<?php
+/**
+ * Widget: Bento Grid
+ *
+ * A bento-style grid: header plus three-column layout with left full-height card,
+ * middle column split into two cards, and right full-height card. Supports
+ * metric, icons, code snippet, and image visuals per cell.
+ *
+ * @package SocialLane_Elements
+ */
+
+namespace SocialLane\Elements;
+
+use Elementor\Widget_Base;
+use Elementor\Controls_Manager;
+use Elementor\Repeater;
+use SocialLane\Elements\Traits\Animation_Controls;
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Bento Grid Widget
+ */
+class Bento_Grid_4 extends Widget_Base {
+
+	use Animation_Controls;
+
+	public function get_name(): string {
+		return 'bento-grid-4';
+	}
+
+	public function get_title(): string {
+		return esc_html__( 'Bento Grid (4 cells)', 'sociallane-elements' );
+	}
+
+	public function get_icon(): string {
+		return 'eicon-gallery-masonry';
+	}
+
+	public function get_categories(): array {
+		return [ 'sociallane-content' ];
+	}
+
+	public function get_keywords(): array {
+		return [ 'bento', 'grid', 'cards', 'features', 'dashboard' ];
+	}
+
+	protected function register_controls(): void {
+		$this->register_header_section();
+		$this->register_cell1_section();
+		$this->register_cell2_section();
+		$this->register_cell3_section();
+		$this->register_cell4_section();
+		$this->register_animation_controls( true, true );
+	}
+
+	private function register_header_section(): void {
+		$this->start_controls_section(
+			'section_header',
+			[
+				'label' => esc_html__( 'Header', 'sociallane-elements' ),
+				'tab'   => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$this->add_control(
+			'show_eyebrow',
+			[
+				'label'   => esc_html__( 'Show Eyebrow', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+
+		$this->add_control(
+			'eyebrow',
+			[
+				'label'       => esc_html__( 'Eyebrow', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => esc_html__( 'Deploy faster', 'sociallane-elements' ),
+				'placeholder' => esc_html__( 'Lorem ipsum', 'sociallane-elements' ),
+				'condition'   => [ 'show_eyebrow' => 'yes' ],
+			]
+		);
+
+		$this->add_control(
+			'show_headline',
+			[
+				'label'   => esc_html__( 'Show Headline', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'yes',
+			]
+		);
+
+		$this->add_control(
+			'headline',
+			[
+				'label'       => esc_html__( 'Headline', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'default'     => esc_html__( 'Everything you need to deploy your app', 'sociallane-elements' ),
+				'label_block' => true,
+				'condition'   => [ 'show_headline' => 'yes' ],
+			]
+		);
+
+		$this->add_control(
+			'headline_tag',
+			[
+				'label'     => esc_html__( 'Headline Tag', 'sociallane-elements' ),
+				'type'      => Controls_Manager::SELECT,
+				'default'   => 'h2',
+				'options'   => [ 'h1' => 'H1', 'h2' => 'H2', 'h3' => 'H3' ],
+				'condition' => [ 'show_headline' => 'yes' ],
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	private function register_cell1_section(): void {
+		$this->start_controls_section(
+			'section_cell1',
+			[
+				'label'     => esc_html__( 'Cell 1 (Left)', 'sociallane-elements' ),
+				'tab'       => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$this->add_control(
+			'cell1_title',
+			[
+				'label'   => esc_html__( 'Title', 'sociallane-elements' ),
+				'type'    => Controls_Manager::TEXT,
+				'default' => esc_html__( 'Mobile friendly', 'sociallane-elements' ),
+			]
+		);
+
+		$this->add_control(
+			'cell1_description',
+			[
+				'label'   => esc_html__( 'Description', 'sociallane-elements' ),
+				'type'    => Controls_Manager::TEXTAREA,
+				'default' => esc_html__( 'Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.', 'sociallane-elements' ),
+			]
+		);
+
+		$this->add_control(
+			'cell1_visual',
+			[
+				'label'   => esc_html__( 'Visual', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SELECT,
+				'default' => 'none',
+				'options' => [
+					'none'  => esc_html__( 'None', 'sociallane-elements' ),
+					'image' => esc_html__( 'Image', 'sociallane-elements' ),
+				],
+			]
+		);
+
+		$this->add_control(
+			'cell1_image',
+			[
+				'label'     => esc_html__( 'Image', 'sociallane-elements' ),
+				'type'      => Controls_Manager::MEDIA,
+				'condition' => [ 'cell1_visual' => 'image' ],
+			]
+		);
+
+		$this->add_control(
+			'cell1_image_alt',
+			[
+				'label'     => esc_html__( 'Image Alt Text', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'condition' => [ 'cell1_visual' => 'image' ],
+			]
+		);
+
+		$this->add_control(
+			'cell1_show_button',
+			[
+				'label'   => esc_html__( 'Show Button', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'no',
+			]
+		);
+		$this->add_control(
+			'cell1_button_text',
+			[
+				'label'       => esc_html__( 'Button Text', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'placeholder' => esc_html__( 'Lorem ipsum', 'sociallane-elements' ),
+				'condition'   => [ 'cell1_show_button' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'cell1_button_url',
+			[
+				'label'     => esc_html__( 'Button URL', 'sociallane-elements' ),
+				'type'      => Controls_Manager::URL,
+				'condition' => [ 'cell1_show_button' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'cell1_button_style',
+			[
+				'label'     => esc_html__( 'Button style', 'sociallane-elements' ),
+				'type'      => Controls_Manager::SELECT,
+				'default'   => 'primary',
+				'options'   => sociallane_get_button_preset_options(),
+				'condition' => [ 'cell1_show_button' => 'yes' ],
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	private function register_cell2_section(): void {
+		$this->start_controls_section(
+			'section_cell2',
+			[
+				'label'     => esc_html__( 'Cell 2 (Middle top)', 'sociallane-elements' ),
+				'tab'       => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$this->add_control(
+			'cell2_title',
+			[
+				'label'   => esc_html__( 'Title', 'sociallane-elements' ),
+				'type'    => Controls_Manager::TEXT,
+				'default' => esc_html__( 'Performance', 'sociallane-elements' ),
+			]
+		);
+
+		$this->add_control(
+			'cell2_description',
+			[
+				'label'   => esc_html__( 'Description', 'sociallane-elements' ),
+				'type'    => Controls_Manager::TEXTAREA,
+				'default' => esc_html__( 'Lorem ipsum, dolor sit amet consectetur adipisicing elit maiores impedit.', 'sociallane-elements' ),
+			]
+		);
+
+		$this->add_control(
+			'cell2_visual',
+			[
+				'label'   => esc_html__( 'Visual', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SELECT,
+				'default' => 'metric',
+				'options' => [
+					'none'   => esc_html__( 'None', 'sociallane-elements' ),
+					'metric' => esc_html__( 'Metric + chart', 'sociallane-elements' ),
+				],
+			]
+		);
+
+		$this->add_control(
+			'cell2_metric_value',
+			[
+				'label'     => esc_html__( 'Metric value', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => '1.04 s',
+				'condition' => [ 'cell2_visual' => 'metric' ],
+			]
+		);
+
+		$this->add_control(
+			'cell2_metric_change',
+			[
+				'label'     => esc_html__( 'Metric change', 'sociallane-elements' ),
+				'type'      => Controls_Manager::TEXT,
+				'default'   => '-22%',
+				'condition' => [ 'cell2_visual' => 'metric' ],
+			]
+		);
+
+		$this->add_control(
+			'cell2_show_button',
+			[
+				'label'   => esc_html__( 'Show Button', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'no',
+			]
+		);
+		$this->add_control(
+			'cell2_button_text',
+			[
+				'label'       => esc_html__( 'Button Text', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'placeholder' => esc_html__( 'Lorem ipsum', 'sociallane-elements' ),
+				'condition'   => [ 'cell2_show_button' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'cell2_button_url',
+			[
+				'label'     => esc_html__( 'Button URL', 'sociallane-elements' ),
+				'type'      => Controls_Manager::URL,
+				'condition' => [ 'cell2_show_button' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'cell2_button_style',
+			[
+				'label'     => esc_html__( 'Button style', 'sociallane-elements' ),
+				'type'      => Controls_Manager::SELECT,
+				'default'   => 'primary',
+				'options'   => sociallane_get_button_preset_options(),
+				'condition' => [ 'cell2_show_button' => 'yes' ],
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	private function register_cell3_section(): void {
+		$this->start_controls_section(
+			'section_cell3',
+			[
+				'label'     => esc_html__( 'Cell 3 (Middle bottom)', 'sociallane-elements' ),
+				'tab'       => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$this->add_control(
+			'cell3_title',
+			[
+				'label'   => esc_html__( 'Title', 'sociallane-elements' ),
+				'type'    => Controls_Manager::TEXT,
+				'default' => esc_html__( 'Security', 'sociallane-elements' ),
+			]
+		);
+
+		$this->add_control(
+			'cell3_description',
+			[
+				'label'   => esc_html__( 'Description', 'sociallane-elements' ),
+				'type'    => Controls_Manager::TEXTAREA,
+				'default' => esc_html__( 'Morbi viverra dui mi arcu sed. Tellus semper adipiscing suspendisse semper morbi.', 'sociallane-elements' ),
+			]
+		);
+
+		$this->add_control(
+			'cell3_visual',
+			[
+				'label'   => esc_html__( 'Visual', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SELECT,
+				'default' => 'icons',
+				'options' => [
+					'none'  => esc_html__( 'None', 'sociallane-elements' ),
+					'icons' => esc_html__( 'Icons', 'sociallane-elements' ),
+				],
+			]
+		);
+
+		$this->add_control(
+			'cell3_icon_1',
+			[
+				'label'     => esc_html__( 'Icon 1', 'sociallane-elements' ),
+				'type'      => Controls_Manager::ICONS,
+				'default'   => [ 'value' => 'eicon-cloud-check', 'library' => 'elementor' ],
+				'condition' => [ 'cell3_visual' => 'icons' ],
+			]
+		);
+
+		$this->add_control(
+			'cell3_icon_2',
+			[
+				'label'     => esc_html__( 'Icon 2 (center)', 'sociallane-elements' ),
+				'type'      => Controls_Manager::ICONS,
+				'default'   => [ 'value' => 'eicon-lock-user', 'library' => 'elementor' ],
+				'condition' => [ 'cell3_visual' => 'icons' ],
+			]
+		);
+
+		$this->add_control(
+			'cell3_icon_3',
+			[
+				'label'     => esc_html__( 'Icon 3', 'sociallane-elements' ),
+				'type'      => Controls_Manager::ICONS,
+				'default'   => [ 'value' => 'eicon-document-file', 'library' => 'elementor' ],
+				'condition' => [ 'cell3_visual' => 'icons' ],
+			]
+		);
+
+		$this->add_control(
+			'cell3_show_button',
+			[
+				'label'   => esc_html__( 'Show Button', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'no',
+			]
+		);
+		$this->add_control(
+			'cell3_button_text',
+			[
+				'label'       => esc_html__( 'Button Text', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'placeholder' => esc_html__( 'Lorem ipsum', 'sociallane-elements' ),
+				'condition'   => [ 'cell3_show_button' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'cell3_button_url',
+			[
+				'label'     => esc_html__( 'Button URL', 'sociallane-elements' ),
+				'type'      => Controls_Manager::URL,
+				'condition' => [ 'cell3_show_button' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'cell3_button_style',
+			[
+				'label'     => esc_html__( 'Button style', 'sociallane-elements' ),
+				'type'      => Controls_Manager::SELECT,
+				'default'   => 'primary',
+				'options'   => sociallane_get_button_preset_options(),
+				'condition' => [ 'cell3_show_button' => 'yes' ],
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	private function register_cell4_section(): void {
+		$this->start_controls_section(
+			'section_cell4',
+			[
+				'label'     => esc_html__( 'Cell 4 (Right)', 'sociallane-elements' ),
+				'tab'       => Controls_Manager::TAB_CONTENT,
+			]
+		);
+
+		$this->add_control(
+			'cell4_title',
+			[
+				'label'   => esc_html__( 'Title', 'sociallane-elements' ),
+				'type'    => Controls_Manager::TEXT,
+				'default' => esc_html__( 'Powerful APIs', 'sociallane-elements' ),
+			]
+		);
+
+		$this->add_control(
+			'cell4_description',
+			[
+				'label'   => esc_html__( 'Description', 'sociallane-elements' ),
+				'type'    => Controls_Manager::TEXTAREA,
+				'default' => esc_html__( 'Sit quis amet rutrum tellus ullamcorper ultricies libero dolor eget sem sodales gravida.', 'sociallane-elements' ),
+			]
+		);
+
+		$this->add_control(
+			'cell4_visual',
+			[
+				'label'   => esc_html__( 'Visual', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SELECT,
+				'default' => 'code',
+				'options' => [
+					'none' => esc_html__( 'None', 'sociallane-elements' ),
+					'code' => esc_html__( 'Code snippet', 'sociallane-elements' ),
+				],
+			]
+		);
+
+		$this->add_control(
+			'cell4_code',
+			[
+				'label'     => esc_html__( 'Code snippet', 'sociallane-elements' ),
+				'type'      => Controls_Manager::CODE,
+				'default'   => "import { useState } from 'react'\nimport { Switch } from '@headlessui/react'\n\nfunction Example() {\n  const [enabled, setEnabled] = useState(true)\n  return (\n    <form action=\"/notification-settings\">\n      <Switch checked={enabled} onChange={setEnabled}>\n        {/* ... */}\n      </Switch>\n      <button>Submit</button>\n    </form>\n  )\n}",
+				'language'  => 'html',
+				'condition' => [ 'cell4_visual' => 'code' ],
+			]
+		);
+
+		$this->add_control(
+			'cell4_show_button',
+			[
+				'label'   => esc_html__( 'Show Button', 'sociallane-elements' ),
+				'type'    => Controls_Manager::SWITCHER,
+				'default' => 'no',
+			]
+		);
+		$this->add_control(
+			'cell4_button_text',
+			[
+				'label'       => esc_html__( 'Button Text', 'sociallane-elements' ),
+				'type'        => Controls_Manager::TEXT,
+				'placeholder' => esc_html__( 'Lorem ipsum', 'sociallane-elements' ),
+				'condition'   => [ 'cell4_show_button' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'cell4_button_url',
+			[
+				'label'     => esc_html__( 'Button URL', 'sociallane-elements' ),
+				'type'      => Controls_Manager::URL,
+				'condition' => [ 'cell4_show_button' => 'yes' ],
+			]
+		);
+		$this->add_control(
+			'cell4_button_style',
+			[
+				'label'     => esc_html__( 'Button style', 'sociallane-elements' ),
+				'type'      => Controls_Manager::SELECT,
+				'default'   => 'primary',
+				'options'   => sociallane_get_button_preset_options(),
+				'condition' => [ 'cell4_show_button' => 'yes' ],
+			]
+		);
+
+		$this->end_controls_section();
+	}
+
+	protected function render(): void {
+		$settings = $this->get_settings_for_display();
+		require_once __DIR__ . '/data/view.php';
+		$view = prepare_bento_grid_4_view( $settings, $this->get_id() );
+		include __DIR__ . '/templates/wrapper.php';
+	}
+}
+

package/packages/widgets/bento-grid-4/data/view.php

@@ -0,0 +1,127 @@
+<?php
+/**
+ * Data Preparation: Bento Grid
+ *
+ * @package SocialLane_Elements
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Prepare view data for Bento Grid (4 cells) widget
+ *
+ * @param array  $settings  Raw Elementor settings
+ * @param string $widget_id Unique widget ID
+ * @return array Template-ready data
+ */
+function prepare_bento_grid_4_view( array $settings, string $widget_id ): array {
+	$layout       = 'default';
+	$fields       = sociallane_extract_fields( $settings, [ 'eyebrow' => [], 'headline' => [] ] );
+	$headline_tag = sociallane_validate_heading_tag( $settings );
+
+	// Cell 1 (left)
+	$cell1 = [
+		'title'       => esc_html( $settings['cell1_title'] ?? '' ),
+		'description' => esc_html( $settings['cell1_description'] ?? '' ),
+		'visual'      => ( $settings['cell1_visual'] ?? 'none' ) === 'image' ? 'image' : 'none',
+		'image'       => null,
+	];
+	if ( $cell1['visual'] === 'image' ) {
+		$cell1['image'] = sociallane_prepare_image_data(
+			$settings['cell1_image'] ?? [],
+			[ 'alt' => $settings['cell1_image_alt'] ?? '', 'loading' => 'lazy' ]
+		);
+		$cell1['image'] = ! empty( $cell1['image']['src'] ) ? $cell1['image'] : null;
+	}
+	$cell1_preset = function_exists( 'sociallane_parse_button_preset' ) ? sociallane_parse_button_preset( $settings['cell1_button_style'] ?? 'primary' ) : [ 'variant' => 'primary', 'size' => 'md' ];
+	$cell1['button'] = ( $settings['cell1_show_button'] ?? 'no' ) === 'yes'
+		? sociallane_prepare_button_data(
+			$settings['cell1_button_text'] ?? '',
+			$settings['cell1_button_url'] ?? [],
+			[ 'variant' => $cell1_preset['variant'], 'size' => $cell1_preset['size'] ]
+		)
+		: null;
+
+	// Cell 2 (middle top)
+	$cell2 = [
+		'title'         => esc_html( $settings['cell2_title'] ?? '' ),
+		'description'   => esc_html( $settings['cell2_description'] ?? '' ),
+		'visual'        => ( $settings['cell2_visual'] ?? 'none' ) === 'metric' ? 'metric' : 'none',
+		'metric_value'  => esc_html( $settings['cell2_metric_value'] ?? '' ),
+		'metric_change' => esc_html( $settings['cell2_metric_change'] ?? '' ),
+	];
+	$cell2_preset = function_exists( 'sociallane_parse_button_preset' ) ? sociallane_parse_button_preset( $settings['cell2_button_style'] ?? 'primary' ) : [ 'variant' => 'primary', 'size' => 'md' ];
+	$cell2['button'] = ( $settings['cell2_show_button'] ?? 'no' ) === 'yes'
+		? sociallane_prepare_button_data(
+			$settings['cell2_button_text'] ?? '',
+			$settings['cell2_button_url'] ?? [],
+			[ 'variant' => $cell2_preset['variant'], 'size' => $cell2_preset['size'] ]
+		)
+		: null;
+
+	// Cell 3 (middle bottom)
+	$cell3 = [
+		'title'       => esc_html( $settings['cell3_title'] ?? '' ),
+		'description' => esc_html( $settings['cell3_description'] ?? '' ),
+		'visual'      => ( $settings['cell3_visual'] ?? 'none' ) === 'icons' ? 'icons' : 'none',
+		'icon_1'      => $settings['cell3_icon_1'] ?? null,
+		'icon_2'      => $settings['cell3_icon_2'] ?? null,
+		'icon_3'      => $settings['cell3_icon_3'] ?? null,
+	];
+	$cell3_preset = function_exists( 'sociallane_parse_button_preset' ) ? sociallane_parse_button_preset( $settings['cell3_button_style'] ?? 'primary' ) : [ 'variant' => 'primary', 'size' => 'md' ];
+	$cell3['button'] = ( $settings['cell3_show_button'] ?? 'no' ) === 'yes'
+		? sociallane_prepare_button_data(
+			$settings['cell3_button_text'] ?? '',
+			$settings['cell3_button_url'] ?? [],
+			[ 'variant' => $cell3_preset['variant'], 'size' => $cell3_preset['size'] ]
+		)
+		: null;
+
+	// Cell 4 (right)
+	$cell4 = [
+		'title'       => esc_html( $settings['cell4_title'] ?? '' ),
+		'description' => esc_html( $settings['cell4_description'] ?? '' ),
+		'visual'      => ( $settings['cell4_visual'] ?? 'none' ) === 'code' ? 'code' : 'none',
+		'code'        => $settings['cell4_code'] ?? '',
+	];
+	$cell4_preset = function_exists( 'sociallane_parse_button_preset' ) ? sociallane_parse_button_preset( $settings['cell4_button_style'] ?? 'primary' ) : [ 'variant' => 'primary', 'size' => 'md' ];
+	$cell4['button'] = ( $settings['cell4_show_button'] ?? 'no' ) === 'yes'
+		? sociallane_prepare_button_data(
+			$settings['cell4_button_text'] ?? '',
+			$settings['cell4_button_url'] ?? [],
+			[ 'variant' => $cell4_preset['variant'], 'size' => $cell4_preset['size'] ]
+		)
+		: null;
+
+	$animation = sociallane_animation_view_data( $settings, [ 'headline' => true, 'stagger' => true ] );
+
+	// Light/dark: section and cards
+	$classes = [
+		'section'     => 'bg-neutral-100 dark:bg-zinc-900',
+		'eyebrow'     => 'text-zinc-900 dark:text-neutral-200',
+		'headline'    => 'text-zinc-900 dark:text-neutral-200',
+		'card'        => 'bg-white dark:bg-zinc-900 rounded-2xl border border-neutral-200 dark:border-neutral-700 dark:shadow-none',
+		'card_title'  => 'text-zinc-900 dark:text-neutral-200 font-bold',
+		'card_desc'   => 'text-zinc-900 dark:text-neutral-200',
+		'metric_val'  => 'text-zinc-900 dark:text-neutral-200',
+		'metric_change' => 'text-primary dark:text-neutral-200',
+		'code_bg'     => 'bg-zinc-900 dark:bg-zinc-900 text-neutral-200',
+		'badge'       => 'bg-primary/20 dark:bg-primary-light/20 text-primary dark:text-primary-light text-xs font-medium px-2.5 py-1 rounded-full',
+	];
+
+	$view = array_merge( $fields, [
+		'layout'       => $layout,
+		'headline_tag' => $headline_tag,
+		'cell1'         => $cell1,
+		'cell2'         => $cell2,
+		'cell3'         => $cell3,
+		'cell4'         => $cell4,
+		'classes'       => $classes,
+		'widget_id'     => $widget_id,
+		'animation'    => $animation,
+	] );
+
+	return $view;
+}

package/packages/widgets/bento-grid-4/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@sociallane/widget-bento-grid-4",
+  "version": "1.0.0",
+  "private": true,
+  "description": "SocialLane Elements widget: bento-grid-4",
+  "peerDependencies": {
+    "@sociallane/core": "^1.0.0"
+  },
+  "scripts": {
+    "build": "echo \"No widget-specific build\""
+  }
+}