primitives

type BoxOption func(*BoxProps)

type BoxProps struct {
	As         string // HTML tag (div, span, section, article, etc.)
	Class      string // custom classes
	P          string // padding
	M          string // margin
	Bg         string // background
	Rounded    string // border-radius
	Shadow     string // box-shadow
	W          string // width
	H          string // height
	Children   []templ.Component
	Attributes templ.Attributes
}

type FlexOption func(*FlexProps)

type FlexProps struct {
	Direction  string // row, col, row-reverse, col-reverse
	Wrap       string // wrap, nowrap, wrap-reverse
	Justify    string // start, end, center, between, around, evenly
	Align      string // start, end, center, stretch, baseline
	Gap        string // gap size
	Class      string
	Children   []templ.Component
	Attributes templ.Attributes
}

type GridOption func(*GridProps)

type GridProps struct {
	Cols       int    // number of columns
	ColsSM     int    // columns at sm breakpoint
	ColsMD     int    // columns at md breakpoint
	ColsLG     int    // columns at lg breakpoint
	ColsXL     int    // columns at xl breakpoint
	Gap        string // gap size
	Class      string
	Children   []templ.Component
	Attributes templ.Attributes
}

type ProviderOption func(*ProviderProps)

type ProviderProps struct {
	// Name is the unique identifier for this provider (e.g., "sidebar", "theme")
	Name string

	// State is the initial state as a map of key-value pairs
	State map[string]any

	// Methods is raw JavaScript code defining provider methods
	Methods string

	// OnInit is JavaScript code that runs when the provider initializes
	OnInit string

	// Class adds custom CSS classes to the provider wrapper
	Class string

	// Attributes adds custom HTML attributes to the provider wrapper
	Attributes templ.Attributes

	// Children are the child components that will have access to this provider
	Children []templ.Component

	// Debug enables console logging for state changes
	Debug bool

	// Hooks define lifecycle hooks for the provider
	Hooks map[string]string
}

type TextOption func(*TextProps)

type TextProps struct {
	As         string // HTML tag (p, span, div, h1-h6)
	Size       string // text size class
	Weight     string // font weight class
	Color      string // text color class
	Align      string // text alignment
	Class      string
	Children   []templ.Component
	Attributes templ.Attributes
}