zed-gpui 0.0.2 → 0.2.1

package/README.md

@@ -1,142 +1,174 @@
-# Zed Gpui TS
+# zed-gpui
 
 [![npm version](https://img.shields.io/npm/v/zed-gpui.svg)](https://www.npmjs.org/package/zed-gpui)
 [![npm downloads](https://img.shields.io/npm/dm/zed-gpui.svg)](https://www.npmjs.org/package/zed-gpui)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 
 <p align="center">
-  <img src="../../assets/icon.png" width="240px" alt="zed-gpui logo" />
+  <img src="assets/icon.png" width="240px" alt="zed-gpui logo" />
 </p>
 
-> A functional web front-end framework with gpui-inspired syntax
+A small TypeScript / Web UI framework with a **gpui-inspired** style.
 
-zed-gpui is a lightweight, functional web framework that provides an elegant, chainable API for building HTML elements with JavaScript/TypeScript. Inspired by the gpui philosophy, it offers a fluent interface for styling, event handling, and DOM manipulation.
+Its core characteristics are simple and explicit:
 
-## Features
+- **Chainable API**: methods return `this` so calls can be composed fluently
+- **All instance methods end with `_`**: such as `flex_()`, `w_()`, `onClick_()`
+- **Directly uses native DOM**: the returned value is an actual `HTMLElement`
+- **Creates elements by tag**: `div()`, `btn()`, `input()`, `h('section')`
+- **Adds capabilities through prototype enhancement**: styling, attributes, events, and form helpers live on native elements
 
-- 🎨 **Rich styling API** - Flexbox, Grid, spacing, colors, typography, and more
-- ⚡ **Event handling** - Comprehensive event listeners (mouse, keyboard, touch, drag & drop, etc.)
-- 🔧 **Type-safe** - Full TypeScript support with type inference
-- 🪶 **Lightweight** - Zero dependencies, tree-shakeable
-
-## Installation
+## Install
 
 ```bash
 pnpm add zed-gpui
 ```
 
-## Quick Start
+## Design conventions
+
+### 1. Chain-first API
 
-```typescript
-import { div, p, btn } from 'zed-gpui';
+Almost every method returns the current element, so the normal style is fluent chaining:
 
-// Create elements with chained styling
-const container = div()
-  .flex()
-  .gap('1rem')
-  .p('2rem')
-  .bg('#f0f0f0');
+```ts
+const app = div()
+  .flex_()
+  .items_('center')
+  .justify_('center')
+  .w_('100%')
+  .h_('100vh')
+  .bg_('#f5f5f5');
+```
 
-const title = p()
-  .textSize('1.5rem')
-  .text('#333')
-  .text('Hello, zed-gpui!');
+### 2. Every method ends with an underscore
 
-const button = btn()
-  .px('1rem')
-  .py('0.5rem')
-  .bg('#007bff')
-  .text('#fff')
-  .rounded('0.25rem')
-  .cursorPointer()
-  .onClick(() => console.log('Clicked!'))
-  .text('Click Me');
-
-// Build and append to DOM
-document.body.append(
-  container.build(),
-  title.build(),
-  button.build()
-);
+This is one of the most recognizable parts of the library.
+
+```ts
+id_()
+class_()
+child_()
+text_()
+onClick_()
+placeholder_()
 ```
 
+The goal is straightforward:
 
-## API Overview
+- distinguish framework methods from native properties
+- distinguish chainable element methods from ordinary utility functions
+- make zed-gpui calls visually obvious at a glance
 
-### Element Creation
+### 3. The result is real DOM, not a virtual node
 
-```typescript
-div()    // <div>
-span()   // <span>
-section()// <section>
-p()      // <p>
-btn()    // <button>
+```ts
+const node = div().text_('hello');
+document.body.appendChild(node);
 ```
 
-### Layout & Display
+`node` is a real `HTMLDivElement`, not a virtual DOM node and not an intermediate description object.
+
+## Quick example
+
+```ts
+import { div, btn, input } from 'zed-gpui';
+
+const app = div()
+  .flex_()
+  .flexDirection_('column')
+  .gap_('12px')
+  .items_('center')
+  .justify_('center')
+  .w_('100%')
+  .h_('100vh');
+
+const field = input()
+  .placeholder_('Enter text...')
+  .px_('12px')
+  .py_('8px')
+  .border_()
+  .rounded_('8px')
+  .w_('280px')
+  .onInput_((event) => {
+    console.log(event.currentTarget.value);
+  });
 
-```typescript
-.flex()                    // display: flex
-.flexDirection('column')  // flex-direction
-.grid()                    // display: grid
-.gridTemplateColumns('1fr 1fr')
-.block()                   // display: block
-.hidden()                  // display: none
+const button = btn()
+  .text_('Click me')
+  .px_('16px')
+  .py_('10px')
+  .bg_('blue')
+  .textColor_('white')
+  .rounded_('8px')
+  .cursorPointer_()
+  .onClick_(() => {
+    console.log('clicked');
+  });
+
+app.child_(field, button);
+document.body.appendChild(app);
 ```
 
-### Spacing
+## API style
 
-```typescript
-.p('1rem')              // padding
-.px('1rem')             // padding-left & right
-.py('1rem')             // padding-top & bottom
-.m('1rem')              // margin
-.mx('auto')             // margin-left & right
-.gap('1rem')            // gap (for flex/grid)
-```
+### Create elements
 
-### Sizing
+```ts
+div();
+span();
+section();
+p();
+btn();
+input();
+textarea();
+select([{ value: 1, label: 'One' }]);
+h('dialog');
+```
 
-```typescript
-.w('100%')              // width
-.h('100px')            // height
-.size('50px', '50px')  // width & height
-.minW('200px')         // min-width
-.maxW('100%')          // max-width
+### Common capabilities
+
+```ts
+div()
+  .id_('app')
+  .class_('container')
+  .child_(span().text_('hello'))
+  .w_('320px')
+  .h_('80px')
+  .p_('16px')
+  .rounded_('12px')
+  .shadowMd_()
+  .onClick_(() => {});
 ```
 
-### Colors & Backgrounds
+The API surface broadly includes:
 
-```typescript
-.bg('#fff')                    // background-color
-.bgImage('url(...)')           // background-image
-.text('#333')                 // color
-.borderColor('#ccc')          // border-color
-```
+- element attributes: `id_`, `attr_`, `name_`
+- children and text: `child_`, `text_`
+- layout: `flex_`, `grid_`, `justify_`, `items_`
+- sizing and spacing: `w_`, `h_`, `p_`, `m_`, `gap_`
+- border and radius: `border_`, `borderColor_`, `rounded_`
+- color and typography: `bg_`, `textColor_`, `textSize_`
+- positioning and overflow: `absolute_`, `top_`, `overflow_`
+- events: `onClick_`, `onInput_`, `onChange_`, `on_`
+- form helpers: `value_`, `placeholder_`, `checked_`, `options_`
 
-### Typography
+## Good fit for
 
-```typescript
-.textSize('1rem')        // font-size
-.fontWeight('bold')      // font-weight
-.textAlign('center')     // text-align
-.lineHeight('1.5')       // line-height
-.truncate()              // text-overflow: ellipsis
-```
+This library is a good match if you want to:
 
-### Events
+- build UI directly with **native DOM**
+- use a **chainable API** for styling and events
+- keep a consistent naming style with **underscore-suffixed methods**
+- write lightweight pages, tools, panels, or experimental UI
 
-```typescript
-.onClick((e) => {})
-.onKeyDown((e) => {})
-.onMouseDown((e) => {})
-.onTouchStart((e) => {})
-.onDrag((e) => {})
-.onScroll((e) => {})
-.on('customEvent', handler)
-```
+## Repository structure
+
+This repository is a monorepo and mainly contains:
+
+- `zed-gpui`: the main runtime package
+- `unplugin-zed-gpui-treeshake`: the companion tree-shaking plugin
+- `@zed-gpui/example`: the example project
 
 ## License
 
 MIT
-

package/dist/index.d.mts

@@ -1,190 +1,370 @@
-//#region src/element.d.ts
+//#region src/core/index.d.ts
 declare global {
   interface HTMLElement {
     jpui: true;
     id_(id: string): this;
-    attr(attr: string, value: any): this;
-    child(...nodes: any[]): this;
-    class(classList: string[]): this;
-    class(className: string): this;
-    w(w: string): this;
-    h(h: string): this;
-    size(w: string, h: string): this;
-    minW(w: string): this;
-    minH(h: string): this;
-    maxW(w: string): this;
-    maxH(h: string): this;
-    flex(): this;
-    flexFlex(): this;
-    flexNone(): this;
-    flexAuto(): this;
-    flexGrow(grow: number): this;
-    flexShrink(shrink: number): this;
-    flexBasis(basis: string): this;
-    flexDirection(direction: string): this;
-    flexWrap(wrap: string): this;
-    grid(): this;
-    gridTemplateColumns(columns: string): this;
-    gridTemplateRows(rows: string): this;
-    gridColumn(column: string): this;
-    gridRow(row: string): this;
-    gap(gap: string): this;
-    gapX(gap: string): this;
-    gapY(gap: string): this;
-    justify(justify: string): this;
-    items(items: string): this;
-    content(content: string): this;
-    self(alignSelf: string): this;
-    justifySelf(justifySelf: string): this;
-    px(px: string): this;
-    py(py: string): this;
-    pt(pt: string): this;
-    pr(pr: string): this;
-    pb(pb: string): this;
-    pl(pl: string): this;
-    p(p: string): this;
-    mx(mx: string): this;
-    my(my: string): this;
-    mt(mt: string): this;
-    mr(mr: string): this;
-    mb(mb: string): this;
-    ml(ml: string): this;
-    m(m: string): this;
-    border(): this;
-    borderW(width: string): this;
-    borderT(width: string): this;
-    borderR(width: string): this;
-    borderB(width: string): this;
-    borderL(width: string): this;
-    borderColor(color: string): this;
-    borderStyle(style: string): this;
-    rounded(radius: string): this;
-    roundedTL(radius: string): this;
-    roundedTR(radius: string): this;
-    roundedBL(radius: string): this;
-    roundedBR(radius: string): this;
-    bg(color: string): this;
-    bgColor(color: string): this;
-    bgImage(image: string): this;
-    bgSize(size: string): this;
-    bgPosition(position: string): this;
-    bgRepeat(repeat: string): this;
-    shadow(shadow: string): this;
-    shadowMd(): this;
-    shadowLg(): this;
-    shadowNone(): this;
-    opacity(value: number): this;
-    text(color: string): this;
-    textColor(color: string): this;
-    textSize(size: string): this;
-    textAlign(align: string): this;
-    fontWeight(weight: string): this;
-    lineHeight(height: string): this;
-    letterSpacing(spacing: string): this;
-    textOverflow(overflow: string): this;
-    whitespace(value: string): this;
-    truncate(): this;
-    lineClamp(lines: number): this;
-    relative(): this;
-    absolute(): this;
-    fixed(): this;
-    sticky(): this;
-    static(): this;
-    inset(value: string): this;
-    insetY(value: string): this;
-    insetX(value: string): this;
-    top(value: string): this;
-    right(value: string): this;
-    bottom(value: string): this;
-    left(value: string): this;
-    z(value: number): this;
-    zIndex(value: number): this;
-    overflow(value: string): this;
-    overflowX(value: string): this;
-    overflowY(value: string): this;
-    overflowHidden(): this;
-    overflowScroll(): this;
-    overflowAuto(): this;
-    overflowVisible(): this;
-    cursor(cursor: string): this;
-    cursorPointer(): this;
-    cursorDefault(): this;
-    cursorMove(): this;
-    cursorGrab(): this;
-    cursorGrabbing(): this;
-    pointerEvents(value: string): this;
-    pointerEventsNone(): this;
-    pointerEventsAuto(): this;
-    userSelect(value: string): this;
-    selectNone(): this;
-    selectText(): this;
-    selectAll(): this;
-    block(): this;
-    inlineBlock(): this;
-    inline(): this;
-    hide(): this;
-    visible(): this;
-    invisible(): this;
-    rotate(deg: number): this;
-    scale(x: number, y?: number): this;
-    transformTranslate(x: string, y: string): this;
-    transition(property: string): this;
-    transitionDuration(duration: string): this;
-    transitionTimingFunction(timing: string): this;
-    transitionDelay(delay: string): this;
-    onClick(handler: (event: MouseEvent) => void): this;
-    onDoubleClick(handler: (event: MouseEvent) => void): this;
-    onMouseDown(handler: (event: MouseEvent) => void): this;
-    onMouseUp(handler: (event: MouseEvent) => void): this;
-    onMouseMove(handler: (event: MouseEvent) => void): this;
-    onMouseEnter(handler: (event: MouseEvent) => void): this;
-    onMouseLeave(handler: (event: MouseEvent) => void): this;
-    onMouseOver(handler: (event: MouseEvent) => void): this;
-    onMouseOut(handler: (event: MouseEvent) => void): this;
-    onMouseWheel(handler: (event: WheelEvent) => void): this;
-    onKeyDown(handler: (event: KeyboardEvent) => void): this;
-    onKeyUp(handler: (event: KeyboardEvent) => void): this;
-    onKeyPress(handler: (event: KeyboardEvent) => void): this;
-    onFocus(handler: (event: FocusEvent) => void): this;
-    onBlur(handler: (event: FocusEvent) => void): this;
-    onFocusIn(handler: (event: FocusEvent) => void): this;
-    onFocusOut(handler: (event: FocusEvent) => void): this;
-    onChange(handler: (event: Event) => void): this;
-    onInput(handler: (event: Event) => void): this;
-    onSubmit(handler: (event: SubmitEvent) => void): this;
-    onReset(handler: (event: Event) => void): this;
-    onTouchStart(handler: (event: TouchEvent) => void): this;
-    onTouchEnd(handler: (event: TouchEvent) => void): this;
-    onTouchMove(handler: (event: TouchEvent) => void): this;
-    onTouchCancel(handler: (event: TouchEvent) => void): this;
-    onDrag(handler: (event: DragEvent) => void): this;
-    onDragStart(handler: (event: DragEvent) => void): this;
-    onDragEnd(handler: (event: DragEvent) => void): this;
-    onDragEnter(handler: (event: DragEvent) => void): this;
-    onDragLeave(handler: (event: DragEvent) => void): this;
-    onDragOver(handler: (event: DragEvent) => void): this;
-    onDragDrop(handler: (event: DragEvent) => void): this;
-    onCopy(handler: (event: ClipboardEvent) => void): this;
-    onCut(handler: (event: ClipboardEvent) => void): this;
-    onPaste(handler: (event: ClipboardEvent) => void): this;
-    onScroll(handler: (event: Event) => void): this;
-    onResize(handler: (event: UIEvent) => void): this;
-    onPlay(handler: (event: Event) => void): this;
-    onPause(handler: (event: Event) => void): this;
-    onEnded(handler: (event: Event) => void): this;
-    onVolumeChange(handler: (event: Event) => void): this;
-    onAnimationStart(handler: (event: AnimationEvent) => void): this;
-    onAnimationEnd(handler: (event: AnimationEvent) => void): this;
-    onAnimationIteration(handler: (event: AnimationEvent) => void): this;
-    onTransitionEnd(handler: (event: TransitionEvent) => void): this;
-    onPointerDown(handler: (event: PointerEvent) => void): this;
-    onPointerUp(handler: (event: PointerEvent) => void): this;
-    onPointerMove(handler: (event: PointerEvent) => void): this;
-    onPointerEnter(handler: (event: PointerEvent) => void): this;
-    onPointerLeave(handler: (event: PointerEvent) => void): this;
-    onPointerCancel(handler: (event: PointerEvent) => void): this;
-    on(eventName: string, handler: EventListener): this;
-    off(eventName: string, handler: EventListener): this;
+    attr_(attr: string, value: any): this;
+    name_(name: string): this;
+    child_(...nodes: any[]): this;
+    text_(text: string): this;
+    class_(classList: string[]): this;
+    class_(className: string): this;
+    w_(w: string): this;
+    h_(h: string): this;
+    size_(w: string, h: string): this;
+    minW_(w: string): this;
+    minH_(h: string): this;
+    maxW_(w: string): this;
+    maxH_(h: string): this;
+    flex_(): this;
+    flexFlex_(): this;
+    flexNone_(): this;
+    flexAuto_(): this;
+    flexGrow_(grow: number): this;
+    flexShrink_(shrink: number): this;
+    flexBasis_(basis: string): this;
+    flexDirection_(direction: string): this;
+    flexWrap_(wrap: string): this;
+    grid_(): this;
+    gridTemplateColumns_(columns: string): this;
+    gridTemplateRows_(rows: string): this;
+    gridColumn_(column: string): this;
+    gridRow_(row: string): this;
+    gap_(gap: string): this;
+    gapX_(gap: string): this;
+    gapY_(gap: string): this;
+    justify_(justify: string): this;
+    items_(items: string): this;
+    content_(content: string): this;
+    self_(alignSelf: string): this;
+    justifySelf_(justifySelf: string): this;
+    px_(px: string): this;
+    py_(py: string): this;
+    pt_(pt: string): this;
+    pr_(pr: string): this;
+    pb_(pb: string): this;
+    pl_(pl: string): this;
+    p_(p: string): this;
+    mx_(mx: string): this;
+    my_(my: string): this;
+    mt_(mt: string): this;
+    mr_(mr: string): this;
+    mb_(mb: string): this;
+    ml_(ml: string): this;
+    m_(m: string): this;
+    border_(): this;
+    borderW_(width: string): this;
+    borderT_(width: string): this;
+    borderR_(width: string): this;
+    borderB_(width: string): this;
+    borderL_(width: string): this;
+    borderColor_(color: string): this;
+    borderStyle_(style: string): this;
+    rounded_(radius: string): this;
+    roundedTL_(radius: string): this;
+    roundedTR_(radius: string): this;
+    roundedBL_(radius: string): this;
+    roundedBR_(radius: string): this;
+    bg_(color: string): this;
+    bgColor_(color: string): this;
+    bgImage_(image: string): this;
+    bgSize_(size: string): this;
+    bgPosition_(position: string): this;
+    bgRepeat_(repeat: string): this;
+    shadow_(shadow: string): this;
+    shadowMd_(): this;
+    shadowLg_(): this;
+    shadowNone_(): this;
+    opacity_(value: number): this;
+    textColor_(color: string): this;
+    textSize_(size: string): this;
+    textAlign_(align: string): this;
+    fontWeight_(weight: string): this;
+    lineHeight_(height: string): this;
+    letterSpacing_(spacing: string): this;
+    textOverflow_(overflow: string): this;
+    whitespace_(value: string): this;
+    truncate_(): this;
+    lineClamp_(lines: number): this;
+    relative_(): this;
+    absolute_(): this;
+    fixed_(): this;
+    sticky_(): this;
+    static_(): this;
+    inset_(value: string): this;
+    insetY_(value: string): this;
+    insetX_(value: string): this;
+    top_(value: string): this;
+    right_(value: string): this;
+    bottom_(value: string): this;
+    left_(value: string): this;
+    z_(value: number): this;
+    zIndex_(value: number): this;
+    overflow_(value: string): this;
+    overflowX_(value: string): this;
+    overflowY_(value: string): this;
+    overflowHidden_(): this;
+    overflowScroll_(): this;
+    overflowAuto_(): this;
+    overflowVisible_(): this;
+    cursor_(cursor: string): this;
+    cursorPointer_(): this;
+    cursorDefault_(): this;
+    cursorMove_(): this;
+    cursorGrab_(): this;
+    cursorGrabbing_(): this;
+    pointerEvents_(value: string): this;
+    pointerEventsNone_(): this;
+    pointerEventsAuto_(): this;
+    userSelect_(value: string): this;
+    selectNone_(): this;
+    selectText_(): this;
+    selectAll_(): this;
+    block_(): this;
+    inlineBlock_(): this;
+    inline_(): this;
+    hide_(): this;
+    visible_(): this;
+    invisible_(): this;
+    rotate_(deg: number): this;
+    scale_(x: number, y?: number): this;
+    transformTranslate_(x: string, y: string): this;
+    transition_(property: string): this;
+    transitionDuration_(duration: string): this;
+    transitionTimingFunction_(timing: string): this;
+    transitionDelay_(delay: string): this;
+    onClick_(handler: (event: MouseEvent) => void): this;
+    onDoubleClick_(handler: (event: MouseEvent) => void): this;
+    onMouseDown_(handler: (event: MouseEvent) => void): this;
+    onMouseUp_(handler: (event: MouseEvent) => void): this;
+    onMouseMove_(handler: (event: MouseEvent) => void): this;
+    onMouseEnter_(handler: (event: MouseEvent) => void): this;
+    onMouseLeave_(handler: (event: MouseEvent) => void): this;
+    onMouseOver_(handler: (event: MouseEvent) => void): this;
+    onMouseOut_(handler: (event: MouseEvent) => void): this;
+    onMouseWheel_(handler: (event: WheelEvent) => void): this;
+    onKeyDown_(handler: (event: KeyboardEvent) => void): this;
+    onKeyUp_(handler: (event: KeyboardEvent) => void): this;
+    onKeyPress_(handler: (event: KeyboardEvent) => void): this;
+    onFocus_(handler: (event: FocusEvent) => void): this;
+    onBlur_(handler: (event: FocusEvent) => void): this;
+    onFocusIn_(handler: (event: FocusEvent) => void): this;
+    onFocusOut_(handler: (event: FocusEvent) => void): this;
+    onChange_(handler: (event: Event) => void): this;
+    onInput_(handler: (event: Event) => void): this;
+    onSubmit_(handler: (event: SubmitEvent) => void): this;
+    onReset_(handler: (event: Event) => void): this;
+    onTouchStart_(handler: (event: TouchEvent) => void): this;
+    onTouchEnd_(handler: (event: TouchEvent) => void): this;
+    onTouchMove_(handler: (event: TouchEvent) => void): this;
+    onTouchCancel_(handler: (event: TouchEvent) => void): this;
+    onDrag_(handler: (event: DragEvent) => void): this;
+    onDragStart_(handler: (event: DragEvent) => void): this;
+    onDragEnd_(handler: (event: DragEvent) => void): this;
+    onDragEnter_(handler: (event: DragEvent) => void): this;
+    onDragLeave_(handler: (event: DragEvent) => void): this;
+    onDragOver_(handler: (event: DragEvent) => void): this;
+    onDragDrop_(handler: (event: DragEvent) => void): this;
+    onCopy_(handler: (event: ClipboardEvent) => void): this;
+    onCut_(handler: (event: ClipboardEvent) => void): this;
+    onPaste_(handler: (event: ClipboardEvent) => void): this;
+    onScroll_(handler: (event: Event) => void): this;
+    onResize_(handler: (event: UIEvent) => void): this;
+    onPlay_(handler: (event: Event) => void): this;
+    onPause_(handler: (event: Event) => void): this;
+    onEnded_(handler: (event: Event) => void): this;
+    onVolumeChange_(handler: (event: Event) => void): this;
+    onAnimationStart_(handler: (event: AnimationEvent) => void): this;
+    onAnimationEnd_(handler: (event: AnimationEvent) => void): this;
+    onAnimationIteration_(handler: (event: AnimationEvent) => void): this;
+    onTransitionEnd_(handler: (event: TransitionEvent) => void): this;
+    onPointerDown_(handler: (event: PointerEvent) => void): this;
+    onPointerUp_(handler: (event: PointerEvent) => void): this;
+    onPointerMove_(handler: (event: PointerEvent) => void): this;
+    onPointerEnter_(handler: (event: PointerEvent) => void): this;
+    onPointerLeave_(handler: (event: PointerEvent) => void): this;
+    onPointerCancel_(handler: (event: PointerEvent) => void): this;
+    on_(eventName: string, handler: EventListener): this;
+    off_(eventName: string, handler: EventListener): this;
+  }
+}
+//#endregion
+//#region src/core/input.d.ts
+declare global {
+  interface HTMLInputElement {
+    placeholder_(value: string): this;
+    value_(value: string): this;
+    type_(type: string): this;
+    checked_(checked?: boolean): this;
+    disabled_(disabled?: boolean): this;
+    focus_(): this;
+    blur_(): this;
+    select_(): this;
+    onChange_(handler: (event: Event & {
+      currentTarget: HTMLInputElement;
+      target: HTMLInputElement;
+    }) => void): this;
+    onInput_(handler: (event: Event & {
+      currentTarget: HTMLInputElement;
+      target: HTMLInputElement;
+    }) => void): this;
+  }
+}
+//#endregion
+//#region src/core/textarea.d.ts
+declare global {
+  interface HTMLTextAreaElement {
+    placeholder_(value: string): this;
+    value_(value: string): this;
+    rows_(rows: number): this;
+    cols_(cols: number): this;
+    disabled_(disabled?: boolean): this;
+    focus_(): this;
+    blur_(): this;
+    select_(): this;
+    onChange_(handler: (event: Event & {
+      currentTarget: HTMLTextAreaElement;
+      target: HTMLTextAreaElement;
+    }) => void): this;
+    onInput_(handler: (event: Event & {
+      currentTarget: HTMLTextAreaElement;
+      target: HTMLTextAreaElement;
+    }) => void): this;
+  }
+}
+//#endregion
+//#region src/core/select.d.ts
+declare global {
+  interface HTMLSelectElement {
+    value_(value: string): this;
+    options_(options: Array<{
+      value: any;
+      label: string;
+    }>): this;
+    disabled_(disabled?: boolean): this;
+    focus_(): this;
+    blur_(): this;
+    onChange_(handler: (event: Event & {
+      currentTarget: HTMLSelectElement;
+      target: HTMLSelectElement;
+    }) => void): this;
+    onInput_(handler: (event: Event & {
+      currentTarget: HTMLSelectElement;
+      target: HTMLSelectElement;
+    }) => void): this;
+  }
+}
+//#endregion
+//#region src/core/button.d.ts
+declare global {
+  interface HTMLButtonElement {
+    type_(type: 'button' | 'submit' | 'reset'): this;
+    disabled_(disabled?: boolean): this;
+    name_(name: string): this;
+    value_(value: string): this;
+    autofocus_(autofocus?: boolean): this;
+  }
+}
+//#endregion
+//#region src/core/form.d.ts
+declare global {
+  interface HTMLFormElement {
+    action_(action: string): this;
+    method_(method: 'get' | 'post' | 'dialog'): this;
+    target_(target: string): this;
+    enctype_(enctype: string): this;
+    noValidate_(noValidate?: boolean): this;
+    reset_(): this;
+    submit_(): this;
+    requestSubmit_(): this;
+  }
+}
+//#endregion
+//#region src/core/a.d.ts
+declare global {
+  interface HTMLAnchorElement {
+    href_(href: string): this;
+    target_(target: string): this;
+    rel_(rel: string): this;
+    download_(download?: string): this;
+    referrerPolicy_(policy: ReferrerPolicy): this;
+  }
+}
+//#endregion
+//#region src/core/img.d.ts
+declare global {
+  interface HTMLImageElement {
+    src_(src: string): this;
+    alt_(alt: string): this;
+    width_(width: number): this;
+    height_(height: number): this;
+    loading_(loading: 'eager' | 'lazy'): this;
+    decoding_(decoding: 'sync' | 'async' | 'auto'): this;
+  }
+}
+//#endregion
+//#region src/core/media.d.ts
+declare global {
+  interface HTMLMediaElement {
+    src_(src: string): this;
+    controls_(controls?: boolean): this;
+    autoplay_(autoplay?: boolean): this;
+    loop_(loop?: boolean): this;
+    muted_(muted?: boolean): this;
+    currentTime_(time: number): this;
+    volume_(volume: number): this;
+    play_(): this;
+    pause_(): this;
+  }
+}
+//#endregion
+//#region src/core/label.d.ts
+declare global {
+  interface HTMLLabelElement {
+    for_(htmlFor: string): this;
+  }
+}
+//#endregion
+//#region src/core/option.d.ts
+declare global {
+  interface HTMLOptionElement {
+    value_(value: string): this;
+    selected_(selected?: boolean): this;
+    disabled_(disabled?: boolean): this;
+    label_(label: string): this;
+  }
+}
+//#endregion
+//#region src/core/details.d.ts
+declare global {
+  interface HTMLDetailsElement {
+    open_(open?: boolean): this;
+  }
+}
+//#endregion
+//#region src/core/dialog.d.ts
+declare global {
+  interface HTMLDialogElement {
+    open_(open?: boolean): this;
+    show_(): this;
+    showModal_(): this;
+    close_(returnValue?: string): this;
+  }
+}
+//#endregion
+//#region src/core/progress.d.ts
+declare global {
+  interface HTMLProgressElement {
+    value_(value: number): this;
+    max_(max: number): this;
+  }
+  interface HTMLMeterElement {
+    value_(value: number): this;
+    min_(min: number): this;
+    max_(max: number): this;
+    low_(low: number): this;
+    high_(high: number): this;
+    optimum_(optimum: number): this;
   }
 }
 //#endregion
@@ -197,6 +377,10 @@ declare const p: () => HTMLParagraphElement;
 declare const input: () => HTMLInputElement;
 declare const textarea: () => HTMLTextAreaElement;
 declare const btn: () => HTMLButtonElement;
+declare const select: (options: Array<{
+  value: any;
+  label: string;
+}>) => HTMLSelectElement;
 //#endregion
-export { btn, div, h, input, p, section, span, textarea };
+export { btn, div, h, input, p, section, select, span, textarea };
 //# sourceMappingURL=index.d.mts.map

package/dist/index.mjs

@@ -1,2 +1,2 @@
-Object.assign(HTMLElement.prototype,{id_(e){return this.id=e,this},attr(e,t){return this.setAttribute(e,t),this},child(...e){return this.append(...e),this},class(e){return Array.isArray(e)?this.className=e.join(` `):this.className=e,this},w(e){return this.style.width=e,this},h(e){return this.style.height=e,this},size(e,t){return this.style.width=e,this.style.height=t,this},minW(e){return this.style.minWidth=e,this},minH(e){return this.style.minHeight=e,this},maxW(e){return this.style.maxWidth=e,this},maxH(e){return this.style.maxHeight=e,this},flex(){return this.style.display=`flex`,this},flexFlex(){return this.style.display=`flex`,this.style.flex=`1 1 0%`,this},flexNone(){return this.style.flex=`none`,this},flexAuto(){return this.style.flex=`1 1 auto`,this},flexGrow(e){return this.style.flexGrow=String(e),this},flexShrink(e){return this.style.flexShrink=String(e),this},flexBasis(e){return this.style.flexBasis=e,this},flexDirection(e){return this.style.flexDirection=e,this},flexWrap(e){return this.style.flexWrap=e,this},grid(){return this.style.display=`grid`,this},gridTemplateColumns(e){return this.style.gridTemplateColumns=e,this},gridTemplateRows(e){return this.style.gridTemplateRows=e,this},gridColumn(e){return this.style.gridColumn=e,this},gridRow(e){return this.style.gridRow=e,this},gap(e){return this.style.gap=e,this},gapX(e){return this.style.columnGap=e,this},gapY(e){return this.style.rowGap=e,this},justify(e){return this.style.justifyContent=e,this},items(e){return this.style.alignItems=e,this},content(e){return this.style.alignContent=e,this},self(e){return this.style.alignSelf=e,this},justifySelf(e){return this.style.justifySelf=e,this},px(e){return this.style.paddingLeft=e,this.style.paddingRight=e,this},py(e){return this.style.paddingTop=e,this.style.paddingBottom=e,this},pt(e){return this.style.paddingTop=e,this},pr(e){return this.style.paddingRight=e,this},pb(e){return this.style.paddingBottom=e,this},pl(e){return this.style.paddingLeft=e,this},p(e){return this.style.padding=e,this},mx(e){return this.style.marginLeft=e,this.style.marginRight=e,this},my(e){return this.style.marginTop=e,this.style.marginBottom=e,this},mt(e){return this.style.marginTop=e,this},mr(e){return this.style.marginRight=e,this},mb(e){return this.style.marginBottom=e,this},ml(e){return this.style.marginLeft=e,this},m(e){return this.style.margin=e,this},border(){return this.style.border=`1px solid currentColor`,this},borderW(e){return this.style.borderWidth=e,this},borderT(e){return this.style.borderTopWidth=e,this},borderR(e){return this.style.borderRightWidth=e,this},borderB(e){return this.style.borderBottomWidth=e,this},borderL(e){return this.style.borderLeftWidth=e,this},borderColor(e){return this.style.borderColor=e,this},borderStyle(e){return this.style.borderStyle=e,this},rounded(e){return this.style.borderRadius=e,this},roundedTL(e){return this.style.borderTopLeftRadius=e,this},roundedTR(e){return this.style.borderTopRightRadius=e,this},roundedBL(e){return this.style.borderBottomLeftRadius=e,this},roundedBR(e){return this.style.borderBottomRightRadius=e,this},bg(e){return this.style.backgroundColor=e,this},bgColor(e){return this.style.backgroundColor=e,this},bgImage(e){return this.style.backgroundImage=e,this},bgSize(e){return this.style.backgroundSize=e,this},bgPosition(e){return this.style.backgroundPosition=e,this},bgRepeat(e){return this.style.backgroundRepeat=e,this},shadow(e){return this.style.boxShadow=e,this},shadowMd(){return this.style.boxShadow=`0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)`,this},shadowLg(){return this.style.boxShadow=`0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)`,this},shadowNone(){return this.style.boxShadow=`none`,this},opacity(e){return this.style.opacity=String(e),this},text(e){return this.style.color=e,this},textColor(e){return this.style.color=e,this},textSize(e){return this.style.fontSize=e,this},textAlign(e){return this.style.textAlign=e,this},fontWeight(e){return this.style.fontWeight=e,this},lineHeight(e){return this.style.lineHeight=e,this},letterSpacing(e){return this.style.letterSpacing=e,this},textOverflow(e){return this.style.textOverflow=e,this},whitespace(e){return this.style.whiteSpace=e,this},truncate(){return this.style.overflow=`hidden`,this.style.textOverflow=`ellipsis`,this.style.whiteSpace=`nowrap`,this},lineClamp(e){return this.style.display=`-webkit-box`,this.style.webkitLineClamp=String(e),this.style.webkitBoxOrient=`vertical`,this.style.overflow=`hidden`,this},relative(){return this.style.position=`relative`,this},absolute(){return this.style.position=`absolute`,this},fixed(){return this.style.position=`fixed`,this},sticky(){return this.style.position=`sticky`,this},static(){return this.style.position=`static`,this},inset(e){return this.style.top=e,this.style.right=e,this.style.bottom=e,this.style.left=e,this},insetY(e){return this.style.top=e,this.style.bottom=e,this},insetX(e){return this.style.right=e,this.style.left=e,this},top(e){return this.style.top=e,this},right(e){return this.style.right=e,this},bottom(e){return this.style.bottom=e,this},left(e){return this.style.left=e,this},z(e){return this.style.zIndex=String(e),this},zIndex(e){return this.style.zIndex=String(e),this},overflow(e){return this.style.overflow=e,this},overflowX(e){return this.style.overflowX=e,this},overflowY(e){return this.style.overflowY=e,this},overflowHidden(){return this.style.overflow=`hidden`,this},overflowScroll(){return this.style.overflow=`scroll`,this},overflowAuto(){return this.style.overflow=`auto`,this},overflowVisible(){return this.style.overflow=`visible`,this},cursor(e){return this.style.cursor=e,this},cursorPointer(){return this.style.cursor=`pointer`,this},cursorDefault(){return this.style.cursor=`default`,this},cursorMove(){return this.style.cursor=`move`,this},cursorGrab(){return this.style.cursor=`grab`,this},cursorGrabbing(){return this.style.cursor=`grabbing`,this},pointerEvents(e){return this.style.pointerEvents=e,this},pointerEventsNone(){return this.style.pointerEvents=`none`,this},pointerEventsAuto(){return this.style.pointerEvents=`auto`,this},userSelect(e){return this.style.userSelect=e,this},selectNone(){return this.style.userSelect=`none`,this},selectText(){return this.style.userSelect=`text`,this},selectAll(){return this.style.userSelect=`all`,this},block(){return this.style.display=`block`,this},inlineBlock(){return this.style.display=`inline-block`,this},inline(){return this.style.display=`inline`,this},hide(){return this.style.display=`none`,this},visible(){return this.style.visibility=`visible`,this},invisible(){return this.style.visibility=`hidden`,this},rotate(e){return this.style.transform=`rotate(${e}deg)`,this},scale(e,t){let n=t===void 0?e:t;return this.style.transform=`scale(${e}, ${n})`,this},transformTranslate(e,t){return this.style.transform=`translate(${e}, ${t})`,this},transition(e){return this.style.transition=e,this},transitionDuration(e){return this.style.transitionDuration=e,this},transitionTimingFunction(e){return this.style.transitionTimingFunction=e,this},transitionDelay(e){return this.style.transitionDelay=e,this},onClick(e){return this.on(`click`,e)},onDoubleClick(e){return this.on(`dblclick`,e)},onMouseDown(e){return this.on(`mousedown`,e)},onMouseUp(e){return this.on(`mouseup`,e)},onMouseMove(e){return this.on(`mousemove`,e)},onMouseEnter(e){return this.on(`mouseenter`,e)},onMouseLeave(e){return this.on(`mouseleave`,e)},onMouseOver(e){return this.on(`mouseover`,e)},onMouseOut(e){return this.on(`mouseout`,e)},onMouseWheel(e){return this.on(`wheel`,e)},onKeyDown(e){return this.on(`keydown`,e)},onKeyUp(e){return this.on(`keyup`,e)},onKeyPress(e){return this.on(`keypress`,e)},onFocus(e){return this.on(`focus`,e)},onBlur(e){return this.on(`blur`,e)},onFocusIn(e){return this.on(`focusin`,e)},onFocusOut(e){return this.on(`focusout`,e)},onChange(e){return this.on(`change`,e)},onInput(e){return this.on(`input`,e)},onSubmit(e){return this.on(`submit`,e)},onReset(e){return this.on(`reset`,e)},onTouchStart(e){return this.on(`touchstart`,e)},onTouchEnd(e){return this.on(`touchend`,e)},onTouchMove(e){return this.on(`touchmove`,e)},onTouchCancel(e){return this.on(`touchcancel`,e)},onDrag(e){return this.on(`drag`,e)},onDragStart(e){return this.on(`dragstart`,e)},onDragEnd(e){return this.on(`dragend`,e)},onDragEnter(e){return this.on(`dragenter`,e)},onDragLeave(e){return this.on(`dragleave`,e)},onDragOver(e){return this.on(`dragover`,e)},onDragDrop(e){return this.on(`drop`,e)},onCopy(e){return this.on(`copy`,e)},onCut(e){return this.on(`cut`,e)},onPaste(e){return this.on(`paste`,e)},onScroll(e){return this.on(`scroll`,e)},onResize(e){return this.on(`resize`,e)},onPlay(e){return this.on(`play`,e)},onPause(e){return this.on(`pause`,e)},onEnded(e){return this.on(`ended`,e)},onVolumeChange(e){return this.on(`volumechange`,e)},onAnimationStart(e){return this.on(`animationstart`,e)},onAnimationEnd(e){return this.on(`animationend`,e)},onAnimationIteration(e){return this.on(`animationiteration`,e)},onTransitionEnd(e){return this.on(`transitionend`,e)},onPointerDown(e){return this.on(`pointerdown`,e)},onPointerUp(e){return this.on(`pointerup`,e)},onPointerMove(e){return this.on(`pointermove`,e)},onPointerEnter(e){return this.on(`pointerenter`,e)},onPointerLeave(e){return this.on(`pointerleave`,e)},onPointerCancel(e){return this.on(`pointercancel`,e)},on(e,t){return this.addEventListener(e,t),this},off(e,t){return this.removeEventListener(e,t),this}});const e=e=>document.createElement(e),t=()=>document.createElement(`div`),n=()=>document.createElement(`span`),r=()=>document.createElement(`section`),i=()=>document.createElement(`p`),a=()=>document.createElement(`input`),o=()=>document.createElement(`textarea`),s=()=>document.createElement(`button`);export{s as btn,t as div,e as h,a as input,i as p,r as section,n as span,o as textarea};
+Object.assign(HTMLElement.prototype,{id_(e){return this.id=e,this},attr_(e,t){return this.setAttribute(e,t),this},name_(e){return this.setAttribute(`name`,e),this},child_(...e){return this.append(...e),this},class_(e){return this.className=Array.isArray(e)?e.join(` `):e,this},w_(e){return this.style.width=e,this},h_(e){return this.style.height=e,this},size_(e,t){return this.style.width=e,this.style.height=t,this},minW_(e){return this.style.minWidth=e,this},minH_(e){return this.style.minHeight=e,this},maxW_(e){return this.style.maxWidth=e,this},maxH_(e){return this.style.maxHeight=e,this},flex_(){return this.style.display=`flex`,this},flexFlex_(){return this.style.display=`flex`,this.style.flex=`1 1 0%`,this},flexNone_(){return this.style.flex=`none`,this},flexAuto_(){return this.style.flex=`1 1 auto`,this},flexGrow_(e){return this.style.flexGrow=String(e),this},flexShrink_(e){return this.style.flexShrink=String(e),this},flexBasis_(e){return this.style.flexBasis=e,this},flexDirection_(e){return this.style.flexDirection=e,this},flexWrap_(e){return this.style.flexWrap=e,this},grid_(){return this.style.display=`grid`,this},gridTemplateColumns_(e){return this.style.gridTemplateColumns=e,this},gridTemplateRows_(e){return this.style.gridTemplateRows=e,this},gridColumn_(e){return this.style.gridColumn=e,this},gridRow_(e){return this.style.gridRow=e,this},gap_(e){return this.style.gap=e,this},gapX_(e){return this.style.columnGap=e,this},gapY_(e){return this.style.rowGap=e,this},justify_(e){return this.style.justifyContent=e,this},items_(e){return this.style.alignItems=e,this},content_(e){return this.style.alignContent=e,this},self_(e){return this.style.alignSelf=e,this},justifySelf_(e){return this.style.justifySelf=e,this},px_(e){return this.style.paddingLeft=e,this.style.paddingRight=e,this},py_(e){return this.style.paddingTop=e,this.style.paddingBottom=e,this},pt_(e){return this.style.paddingTop=e,this},pr_(e){return this.style.paddingRight=e,this},pb_(e){return this.style.paddingBottom=e,this},pl_(e){return this.style.paddingLeft=e,this},p_(e){return this.style.padding=e,this},mx_(e){return this.style.marginLeft=e,this.style.marginRight=e,this},my_(e){return this.style.marginTop=e,this.style.marginBottom=e,this},mt_(e){return this.style.marginTop=e,this},mr_(e){return this.style.marginRight=e,this},mb_(e){return this.style.marginBottom=e,this},ml_(e){return this.style.marginLeft=e,this},m_(e){return this.style.margin=e,this},border_(){return this.style.border=`1px solid currentColor`,this},borderW_(e){return this.style.borderWidth=e,this},borderT_(e){return this.style.borderTopWidth=e,this},borderR_(e){return this.style.borderRightWidth=e,this},borderB_(e){return this.style.borderBottomWidth=e,this},borderL_(e){return this.style.borderLeftWidth=e,this},borderColor_(e){return this.style.borderColor=e,this},borderStyle_(e){return this.style.borderStyle=e,this},rounded_(e){return this.style.borderRadius=e,this},roundedTL_(e){return this.style.borderTopLeftRadius=e,this},roundedTR_(e){return this.style.borderTopRightRadius=e,this},roundedBL_(e){return this.style.borderBottomLeftRadius=e,this},roundedBR_(e){return this.style.borderBottomRightRadius=e,this},bg_(e){return this.style.backgroundColor=e,this},bgColor_(e){return this.style.backgroundColor=e,this},bgImage_(e){return this.style.backgroundImage=e,this},bgSize_(e){return this.style.backgroundSize=e,this},bgPosition_(e){return this.style.backgroundPosition=e,this},bgRepeat_(e){return this.style.backgroundRepeat=e,this},shadow_(e){return this.style.boxShadow=e,this},shadowMd_(){return this.style.boxShadow=`0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)`,this},shadowLg_(){return this.style.boxShadow=`0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)`,this},shadowNone_(){return this.style.boxShadow=`none`,this},opacity_(e){return this.style.opacity=String(e),this},text_(e){return this.textContent=e,this},textColor_(e){return this.style.color=e,this},textSize_(e){return this.style.fontSize=e,this},textAlign_(e){return this.style.textAlign=e,this},fontWeight_(e){return this.style.fontWeight=e,this},lineHeight_(e){return this.style.lineHeight=e,this},letterSpacing_(e){return this.style.letterSpacing=e,this},textOverflow_(e){return this.style.textOverflow=e,this},whitespace_(e){return this.style.whiteSpace=e,this},truncate_(){return this.style.overflow=`hidden`,this.style.textOverflow=`ellipsis`,this.style.whiteSpace=`nowrap`,this},lineClamp_(e){return this.style.display=`-webkit-box`,this.style.webkitLineClamp=String(e),this.style.webkitBoxOrient=`vertical`,this.style.overflow=`hidden`,this},relative_(){return this.style.position=`relative`,this},absolute_(){return this.style.position=`absolute`,this},fixed_(){return this.style.position=`fixed`,this},sticky_(){return this.style.position=`sticky`,this},static_(){return this.style.position=`static`,this},inset_(e){return this.style.top=e,this.style.right=e,this.style.bottom=e,this.style.left=e,this},insetY_(e){return this.style.top=e,this.style.bottom=e,this},insetX_(e){return this.style.right=e,this.style.left=e,this},top_(e){return this.style.top=e,this},right_(e){return this.style.right=e,this},bottom_(e){return this.style.bottom=e,this},left_(e){return this.style.left=e,this},z_(e){return this.style.zIndex=String(e),this},zIndex_(e){return this.style.zIndex=String(e),this},overflow_(e){return this.style.overflow=e,this},overflowX_(e){return this.style.overflowX=e,this},overflowY_(e){return this.style.overflowY=e,this},overflowHidden_(){return this.style.overflow=`hidden`,this},overflowScroll_(){return this.style.overflow=`scroll`,this},overflowAuto_(){return this.style.overflow=`auto`,this},overflowVisible_(){return this.style.overflow=`visible`,this},cursor_(e){return this.style.cursor=e,this},cursorPointer_(){return this.style.cursor=`pointer`,this},cursorDefault_(){return this.style.cursor=`default`,this},cursorMove_(){return this.style.cursor=`move`,this},cursorGrab_(){return this.style.cursor=`grab`,this},cursorGrabbing_(){return this.style.cursor=`grabbing`,this},pointerEvents_(e){return this.style.pointerEvents=e,this},pointerEventsNone_(){return this.style.pointerEvents=`none`,this},pointerEventsAuto_(){return this.style.pointerEvents=`auto`,this},userSelect_(e){return this.style.userSelect=e,this},selectNone_(){return this.style.userSelect=`none`,this},selectText_(){return this.style.userSelect=`text`,this},selectAll_(){return this.style.userSelect=`all`,this},block_(){return this.style.display=`block`,this},inlineBlock_(){return this.style.display=`inline-block`,this},inline_(){return this.style.display=`inline`,this},hide_(){return this.style.display=`none`,this},visible_(){return this.style.visibility=`visible`,this},invisible_(){return this.style.visibility=`hidden`,this},rotate_(e){return this.style.transform=`rotate(`+e+`deg)`,this},scale_(e,t){return this.style.transform=`scale(`+e+`, `+(t??e)+`)`,this},transformTranslate_(e,t){return this.style.transform=`translate(`+e+`, `+t+`)`,this},transition_(e){return this.style.transition=e,this},transitionDuration_(e){return this.style.transitionDuration=e,this},transitionTimingFunction_(e){return this.style.transitionTimingFunction=e,this},transitionDelay_(e){return this.style.transitionDelay=e,this},onClick_(e){return this.on_(`click`,e)},onDoubleClick_(e){return this.on_(`dblclick`,e)},onMouseDown_(e){return this.on_(`mousedown`,e)},onMouseUp_(e){return this.on_(`mouseup`,e)},onMouseMove_(e){return this.on_(`mousemove`,e)},onMouseEnter_(e){return this.on_(`mouseenter`,e)},onMouseLeave_(e){return this.on_(`mouseleave`,e)},onMouseOver_(e){return this.on_(`mouseover`,e)},onMouseOut_(e){return this.on_(`mouseout`,e)},onMouseWheel_(e){return this.on_(`wheel`,e)},onKeyDown_(e){return this.on_(`keydown`,e)},onKeyUp_(e){return this.on_(`keyup`,e)},onKeyPress_(e){return this.on_(`keypress`,e)},onFocus_(e){return this.on_(`focus`,e)},onBlur_(e){return this.on_(`blur`,e)},onFocusIn_(e){return this.on_(`focusin`,e)},onFocusOut_(e){return this.on_(`focusout`,e)},onChange_(e){return this.on_(`change`,e)},onInput_(e){return this.on_(`input`,e)},onSubmit_(e){return this.on_(`submit`,e)},onReset_(e){return this.on_(`reset`,e)},onTouchStart_(e){return this.on_(`touchstart`,e)},onTouchEnd_(e){return this.on_(`touchend`,e)},onTouchMove_(e){return this.on_(`touchmove`,e)},onTouchCancel_(e){return this.on_(`touchcancel`,e)},onDrag_(e){return this.on_(`drag`,e)},onDragStart_(e){return this.on_(`dragstart`,e)},onDragEnd_(e){return this.on_(`dragend`,e)},onDragEnter_(e){return this.on_(`dragenter`,e)},onDragLeave_(e){return this.on_(`dragleave`,e)},onDragOver_(e){return this.on_(`dragover`,e)},onDragDrop_(e){return this.on_(`drop`,e)},onCopy_(e){return this.on_(`copy`,e)},onCut_(e){return this.on_(`cut`,e)},onPaste_(e){return this.on_(`paste`,e)},onScroll_(e){return this.on_(`scroll`,e)},onResize_(e){return this.on_(`resize`,e)},onPlay_(e){return this.on_(`play`,e)},onPause_(e){return this.on_(`pause`,e)},onEnded_(e){return this.on_(`ended`,e)},onVolumeChange_(e){return this.on_(`volumechange`,e)},onAnimationStart_(e){return this.on_(`animationstart`,e)},onAnimationEnd_(e){return this.on_(`animationend`,e)},onAnimationIteration_(e){return this.on_(`animationiteration`,e)},onTransitionEnd_(e){return this.on_(`transitionend`,e)},onPointerDown_(e){return this.on_(`pointerdown`,e)},onPointerUp_(e){return this.on_(`pointerup`,e)},onPointerMove_(e){return this.on_(`pointermove`,e)},onPointerEnter_(e){return this.on_(`pointerenter`,e)},onPointerLeave_(e){return this.on_(`pointerleave`,e)},onPointerCancel_(e){return this.on_(`pointercancel`,e)},on_(e,t){return this.addEventListener(e,t),this},off_(e,t){return this.removeEventListener(e,t),this}}),Object.assign(HTMLInputElement.prototype,{placeholder_(e){return this.placeholder=e,this},value_(e){return this.value=e,this},type_(e){return this.type=e,this},checked_(e=!0){return this.checked=e,this},disabled_(e=!0){return this.disabled=e,this},focus_(){return this.focus(),this},blur_(){return this.blur(),this},select_(){return this.select(),this},onChange_(e){return this.on_(`change`,e)},onInput_(e){return this.on_(`input`,e)}}),Object.assign(HTMLTextAreaElement.prototype,{placeholder_(e){return this.placeholder=e,this},value_(e){return this.value=e,this},rows_(e){return this.rows=e,this},cols_(e){return this.cols=e,this},disabled_(e=!0){return this.disabled=e,this},focus_(){return this.focus(),this},blur_(){return this.blur(),this},select_(){return this.select(),this},onChange_(e){return this.on_(`change`,e)},onInput_(e){return this.on_(`input`,e)}}),Object.assign(HTMLSelectElement.prototype,{value_(e){return this.value=e,this},options_(e){return this.replaceChildren(...e.map(e=>{let t=document.createElement(`option`);return t.value=String(e.value),t.textContent=e.label,t})),this},disabled_(e=!0){return this.disabled=e,this},focus_(){return this.focus(),this},blur_(){return this.blur(),this},onChange_(e){return this.on_(`change`,e)},onInput_(e){return this.on_(`input`,e)}}),Object.assign(HTMLButtonElement.prototype,{type_(e){return this.type=e,this},disabled_(e=!0){return this.disabled=e,this},name_(e){return this.name=e,this},value_(e){return this.value=e,this},autofocus_(e=!0){return this.autofocus=e,this}}),Object.assign(HTMLFormElement.prototype,{action_(e){return this.action=e,this},method_(e){return this.method=e,this},target_(e){return this.target=e,this},enctype_(e){return this.enctype=e,this},noValidate_(e=!0){return this.noValidate=e,this},reset_(){return this.reset(),this},submit_(){return this.submit(),this},requestSubmit_(){return this.requestSubmit(),this}}),Object.assign(HTMLAnchorElement.prototype,{href_(e){return this.href=e,this},target_(e){return this.target=e,this},rel_(e){return this.rel=e,this},download_(e=``){return this.download=e,this},referrerPolicy_(e){return this.referrerPolicy=e,this}}),Object.assign(HTMLImageElement.prototype,{src_(e){return this.src=e,this},alt_(e){return this.alt=e,this},width_(e){return this.width=e,this},height_(e){return this.height=e,this},loading_(e){return this.loading=e,this},decoding_(e){return this.decoding=e,this}}),Object.assign(HTMLMediaElement.prototype,{src_(e){return this.src=e,this},controls_(e=!0){return this.controls=e,this},autoplay_(e=!0){return this.autoplay=e,this},loop_(e=!0){return this.loop=e,this},muted_(e=!0){return this.muted=e,this},currentTime_(e){return this.currentTime=e,this},volume_(e){return this.volume=e,this},play_(){return this.play(),this},pause_(){return this.pause(),this}}),Object.assign(HTMLLabelElement.prototype,{for_(e){return this.htmlFor=e,this}}),Object.assign(HTMLOptionElement.prototype,{value_(e){return this.value=e,this},selected_(e=!0){return this.selected=e,this},disabled_(e=!0){return this.disabled=e,this},label_(e){return this.label=e,this}}),Object.assign(HTMLDetailsElement.prototype,{open_(e=!0){return this.open=e,this}}),Object.assign(HTMLDialogElement.prototype,{open_(e=!0){return this.open=e,this},show_(){return this.show(),this},showModal_(){return this.showModal(),this},close_(e){return this.close(e),this}}),Object.assign(HTMLProgressElement.prototype,{value_(e){return this.value=e,this},max_(e){return this.max=e,this}}),Object.assign(HTMLMeterElement.prototype,{value_(e){return this.value=e,this},min_(e){return this.min=e,this},max_(e){return this.max=e,this},low_(e){return this.low=e,this},high_(e){return this.high=e,this},optimum_(e){return this.optimum=e,this}});const e=e=>document.createElement(e),t=()=>document.createElement(`div`),n=()=>document.createElement(`span`),r=()=>document.createElement(`section`),i=()=>document.createElement(`p`),a=()=>document.createElement(`input`),o=()=>document.createElement(`textarea`),s=()=>document.createElement(`button`),c=e=>document.createElement(`select`).options_(e);export{s as btn,t as div,e as h,a as input,i as p,r as section,c as select,n as span,o as textarea};
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../src/element.ts","../src/index.ts"],"sourcesContent":["declare global {\n  interface HTMLElement {\n    jpui: true;\n\n    // # utils\n    id_(id: string): this;\n    attr(attr: string, value: any): this;\n    child(...nodes: any[]): this;\n\n    // # styles\n    class(classList: string[]): this;\n    class(className: string): this;\n    w(w: string): this;\n    h(h: string): this;\n    size(w: string, h: string): this;\n    minW(w: string): this;\n    minH(h: string): this;\n    maxW(w: string): this;\n    maxH(h: string): this;\n    flex(): this;\n    flexFlex(): this;\n    flexNone(): this;\n    flexAuto(): this;\n    flexGrow(grow: number): this;\n    flexShrink(shrink: number): this;\n    flexBasis(basis: string): this;\n    flexDirection(direction: string): this;\n    flexWrap(wrap: string): this;\n    grid(): this;\n    gridTemplateColumns(columns: string): this;\n    gridTemplateRows(rows: string): this;\n    gridColumn(column: string): this;\n    gridRow(row: string): this;\n    gap(gap: string): this;\n    gapX(gap: string): this;\n    gapY(gap: string): this;\n    justify(justify: string): this;\n    items(items: string): this;\n    content(content: string): this;\n    self(alignSelf: string): this;\n    justifySelf(justifySelf: string): this;\n    px(px: string): this;\n    py(py: string): this;\n    pt(pt: string): this;\n    pr(pr: string): this;\n    pb(pb: string): this;\n    pl(pl: string): this;\n    p(p: string): this;\n    mx(mx: string): this;\n    my(my: string): this;\n    mt(mt: string): this;\n    mr(mr: string): this;\n    mb(mb: string): this;\n    ml(ml: string): this;\n    m(m: string): this;\n    border(): this;\n    borderW(width: string): this;\n    borderT(width: string): this;\n    borderR(width: string): this;\n    borderB(width: string): this;\n    borderL(width: string): this;\n    borderColor(color: string): this;\n    borderStyle(style: string): this;\n    rounded(radius: string): this;\n    roundedTL(radius: string): this;\n    roundedTR(radius: string): this;\n    roundedBL(radius: string): this;\n    roundedBR(radius: string): this;\n    bg(color: string): this;\n    bgColor(color: string): this;\n    bgImage(image: string): this;\n    bgSize(size: string): this;\n    bgPosition(position: string): this;\n    bgRepeat(repeat: string): this;\n    shadow(shadow: string): this;\n    shadowMd(): this;\n    shadowLg(): this;\n    shadowNone(): this;\n    opacity(value: number): this;\n    text(color: string): this;\n    textColor(color: string): this;\n    textSize(size: string): this;\n    textAlign(align: string): this;\n    fontWeight(weight: string): this;\n    lineHeight(height: string): this;\n    letterSpacing(spacing: string): this;\n    textOverflow(overflow: string): this;\n    whitespace(value: string): this;\n    truncate(): this;\n    lineClamp(lines: number): this;\n    relative(): this;\n    absolute(): this;\n    fixed(): this;\n    sticky(): this;\n    static(): this;\n    inset(value: string): this;\n    insetY(value: string): this;\n    insetX(value: string): this;\n    top(value: string): this;\n    right(value: string): this;\n    bottom(value: string): this;\n    left(value: string): this;\n    z(value: number): this;\n    zIndex(value: number): this;\n    overflow(value: string): this;\n    overflowX(value: string): this;\n    overflowY(value: string): this;\n    overflowHidden(): this;\n    overflowScroll(): this;\n    overflowAuto(): this;\n    overflowVisible(): this;\n    cursor(cursor: string): this;\n    cursorPointer(): this;\n    cursorDefault(): this;\n    cursorMove(): this;\n    cursorGrab(): this;\n    cursorGrabbing(): this;\n    pointerEvents(value: string): this;\n    pointerEventsNone(): this;\n    pointerEventsAuto(): this;\n    userSelect(value: string): this;\n    selectNone(): this;\n    selectText(): this;\n    selectAll(): this;\n    block(): this;\n    inlineBlock(): this;\n    inline(): this;\n    // renamed from hidden() to avoid clashing with HTMLElement.hidden\n    hide(): this;\n    visible(): this;\n    invisible(): this;\n    rotate(deg: number): this;\n    scale(x: number, y?: number): this;\n    // renamed from translate() to avoid clashing with HTMLElement.translate\n    transformTranslate(x: string, y: string): this;\n    transition(property: string): this;\n    transitionDuration(duration: string): this;\n    transitionTimingFunction(timing: string): this;\n    transitionDelay(delay: string): this;\n\n    // # events\n    onClick(handler: (event: MouseEvent) => void): this;\n    onDoubleClick(handler: (event: MouseEvent) => void): this;\n    onMouseDown(handler: (event: MouseEvent) => void): this;\n    onMouseUp(handler: (event: MouseEvent) => void): this;\n    onMouseMove(handler: (event: MouseEvent) => void): this;\n    onMouseEnter(handler: (event: MouseEvent) => void): this;\n    onMouseLeave(handler: (event: MouseEvent) => void): this;\n    onMouseOver(handler: (event: MouseEvent) => void): this;\n    onMouseOut(handler: (event: MouseEvent) => void): this;\n    onMouseWheel(handler: (event: WheelEvent) => void): this;\n    onKeyDown(handler: (event: KeyboardEvent) => void): this;\n    onKeyUp(handler: (event: KeyboardEvent) => void): this;\n    onKeyPress(handler: (event: KeyboardEvent) => void): this;\n    onFocus(handler: (event: FocusEvent) => void): this;\n    onBlur(handler: (event: FocusEvent) => void): this;\n    onFocusIn(handler: (event: FocusEvent) => void): this;\n    onFocusOut(handler: (event: FocusEvent) => void): this;\n    onChange(handler: (event: Event) => void): this;\n    onInput(handler: (event: Event) => void): this;\n    onSubmit(handler: (event: SubmitEvent) => void): this;\n    onReset(handler: (event: Event) => void): this;\n    onTouchStart(handler: (event: TouchEvent) => void): this;\n    onTouchEnd(handler: (event: TouchEvent) => void): this;\n    onTouchMove(handler: (event: TouchEvent) => void): this;\n    onTouchCancel(handler: (event: TouchEvent) => void): this;\n    onDrag(handler: (event: DragEvent) => void): this;\n    onDragStart(handler: (event: DragEvent) => void): this;\n    onDragEnd(handler: (event: DragEvent) => void): this;\n    onDragEnter(handler: (event: DragEvent) => void): this;\n    onDragLeave(handler: (event: DragEvent) => void): this;\n    onDragOver(handler: (event: DragEvent) => void): this;\n    onDragDrop(handler: (event: DragEvent) => void): this;\n    onCopy(handler: (event: ClipboardEvent) => void): this;\n    onCut(handler: (event: ClipboardEvent) => void): this;\n    onPaste(handler: (event: ClipboardEvent) => void): this;\n    onScroll(handler: (event: Event) => void): this;\n    onResize(handler: (event: UIEvent) => void): this;\n    onPlay(handler: (event: Event) => void): this;\n    onPause(handler: (event: Event) => void): this;\n    onEnded(handler: (event: Event) => void): this;\n    onVolumeChange(handler: (event: Event) => void): this;\n    onAnimationStart(handler: (event: AnimationEvent) => void): this;\n    onAnimationEnd(handler: (event: AnimationEvent) => void): this;\n    onAnimationIteration(handler: (event: AnimationEvent) => void): this;\n    onTransitionEnd(handler: (event: TransitionEvent) => void): this;\n    onPointerDown(handler: (event: PointerEvent) => void): this;\n    onPointerUp(handler: (event: PointerEvent) => void): this;\n    onPointerMove(handler: (event: PointerEvent) => void): this;\n    onPointerEnter(handler: (event: PointerEvent) => void): this;\n    onPointerLeave(handler: (event: PointerEvent) => void): this;\n    onPointerCancel(handler: (event: PointerEvent) => void): this;\n    on(eventName: string, handler: EventListener): this;\n    off(eventName: string, handler: EventListener): this;\n  }\n}\n\nObject.assign(HTMLElement.prototype, {\n  id_(id) {\n    this.id = id;\n    return this;\n  },\n  attr(attr, value) {\n    this.setAttribute(attr, value);\n    return this;\n  },\n  child(...nodes) {\n    this.append(...nodes);\n    return this;\n  },\n  class(c) {\n    if (Array.isArray(c)) {\n      this.className = c.join(' ');\n    } else {\n      this.className = c;\n    }\n    return this;\n  },\n  w(w) {\n    this.style.width = w;\n    return this;\n  },\n\n  h(h) {\n    this.style.height = h;\n    return this;\n  },\n\n  size(w, h) {\n    this.style.width = w;\n    this.style.height = h;\n    return this;\n  },\n\n  minW(w) {\n    this.style.minWidth = w;\n    return this;\n  },\n\n  minH(h) {\n    this.style.minHeight = h;\n    return this;\n  },\n\n  maxW(w) {\n    this.style.maxWidth = w;\n    return this;\n  },\n\n  maxH(h) {\n    this.style.maxHeight = h;\n    return this;\n  },\n\n  flex() {\n    this.style.display = 'flex';\n    return this;\n  },\n\n  flexFlex() {\n    this.style.display = 'flex';\n    this.style.flex = '1 1 0%';\n    return this;\n  },\n\n  flexNone() {\n    this.style.flex = 'none';\n    return this;\n  },\n\n  flexAuto() {\n    this.style.flex = '1 1 auto';\n    return this;\n  },\n\n  flexGrow(grow) {\n    this.style.flexGrow = String(grow);\n    return this;\n  },\n\n  flexShrink(shrink) {\n    this.style.flexShrink = String(shrink);\n    return this;\n  },\n\n  flexBasis(basis) {\n    this.style.flexBasis = basis;\n    return this;\n  },\n\n  flexDirection(direction) {\n    this.style.flexDirection = direction;\n    return this;\n  },\n\n  flexWrap(wrap) {\n    this.style.flexWrap = wrap;\n    return this;\n  },\n\n  grid() {\n    this.style.display = 'grid';\n    return this;\n  },\n\n  gridTemplateColumns(columns) {\n    this.style.gridTemplateColumns = columns;\n    return this;\n  },\n\n  gridTemplateRows(rows) {\n    this.style.gridTemplateRows = rows;\n    return this;\n  },\n\n  gridColumn(column) {\n    this.style.gridColumn = column;\n    return this;\n  },\n\n  gridRow(row) {\n    this.style.gridRow = row;\n    return this;\n  },\n\n  gap(gap) {\n    this.style.gap = gap;\n    return this;\n  },\n\n  gapX(gap) {\n    this.style.columnGap = gap;\n    return this;\n  },\n\n  gapY(gap) {\n    this.style.rowGap = gap;\n    return this;\n  },\n\n  justify(justify) {\n    this.style.justifyContent = justify;\n    return this;\n  },\n\n  items(items) {\n    this.style.alignItems = items;\n    return this;\n  },\n\n  content(content) {\n    this.style.alignContent = content;\n    return this;\n  },\n\n  self(alignSelf) {\n    this.style.alignSelf = alignSelf;\n    return this;\n  },\n\n  justifySelf(justifySelf) {\n    this.style.justifySelf = justifySelf;\n    return this;\n  },\n\n  px(px) {\n    this.style.paddingLeft = px;\n    this.style.paddingRight = px;\n    return this;\n  },\n\n  py(py) {\n    this.style.paddingTop = py;\n    this.style.paddingBottom = py;\n    return this;\n  },\n\n  pt(pt) {\n    this.style.paddingTop = pt;\n    return this;\n  },\n\n  pr(pr) {\n    this.style.paddingRight = pr;\n    return this;\n  },\n\n  pb(pb) {\n    this.style.paddingBottom = pb;\n    return this;\n  },\n\n  pl(pl) {\n    this.style.paddingLeft = pl;\n    return this;\n  },\n\n  p(p) {\n    this.style.padding = p;\n    return this;\n  },\n\n  mx(mx) {\n    this.style.marginLeft = mx;\n    this.style.marginRight = mx;\n    return this;\n  },\n\n  my(my) {\n    this.style.marginTop = my;\n    this.style.marginBottom = my;\n    return this;\n  },\n\n  mt(mt) {\n    this.style.marginTop = mt;\n    return this;\n  },\n\n  mr(mr) {\n    this.style.marginRight = mr;\n    return this;\n  },\n\n  mb(mb) {\n    this.style.marginBottom = mb;\n    return this;\n  },\n\n  ml(ml) {\n    this.style.marginLeft = ml;\n    return this;\n  },\n\n  m(m) {\n    this.style.margin = m;\n    return this;\n  },\n\n  border() {\n    this.style.border = '1px solid currentColor';\n    return this;\n  },\n\n  borderW(width) {\n    this.style.borderWidth = width;\n    return this;\n  },\n\n  borderT(width) {\n    this.style.borderTopWidth = width;\n    return this;\n  },\n\n  borderR(width) {\n    this.style.borderRightWidth = width;\n    return this;\n  },\n\n  borderB(width) {\n    this.style.borderBottomWidth = width;\n    return this;\n  },\n\n  borderL(width) {\n    this.style.borderLeftWidth = width;\n    return this;\n  },\n\n  borderColor(color) {\n    this.style.borderColor = color;\n    return this;\n  },\n\n  borderStyle(style) {\n    this.style.borderStyle = style;\n    return this;\n  },\n\n  rounded(radius) {\n    this.style.borderRadius = radius;\n    return this;\n  },\n\n  roundedTL(radius) {\n    this.style.borderTopLeftRadius = radius;\n    return this;\n  },\n\n  roundedTR(radius) {\n    this.style.borderTopRightRadius = radius;\n    return this;\n  },\n\n  roundedBL(radius) {\n    this.style.borderBottomLeftRadius = radius;\n    return this;\n  },\n\n  roundedBR(radius) {\n    this.style.borderBottomRightRadius = radius;\n    return this;\n  },\n\n  bg(color) {\n    this.style.backgroundColor = color;\n    return this;\n  },\n\n  bgColor(color) {\n    this.style.backgroundColor = color;\n    return this;\n  },\n\n  bgImage(image) {\n    this.style.backgroundImage = image;\n    return this;\n  },\n\n  bgSize(size) {\n    this.style.backgroundSize = size;\n    return this;\n  },\n\n  bgPosition(position) {\n    this.style.backgroundPosition = position;\n    return this;\n  },\n\n  bgRepeat(repeat) {\n    this.style.backgroundRepeat = repeat;\n    return this;\n  },\n\n  shadow(shadow) {\n    this.style.boxShadow = shadow;\n    return this;\n  },\n\n  shadowMd() {\n    this.style.boxShadow = '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)';\n    return this;\n  },\n\n  shadowLg() {\n    this.style.boxShadow = '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)';\n    return this;\n  },\n\n  shadowNone() {\n    this.style.boxShadow = 'none';\n    return this;\n  },\n\n  opacity(value) {\n    this.style.opacity = String(value);\n    return this;\n  },\n\n  text(color) {\n    this.style.color = color;\n    return this;\n  },\n\n  textColor(color) {\n    this.style.color = color;\n    return this;\n  },\n\n  textSize(size) {\n    this.style.fontSize = size;\n    return this;\n  },\n\n  textAlign(align) {\n    this.style.textAlign = align;\n    return this;\n  },\n\n  fontWeight(weight) {\n    this.style.fontWeight = weight;\n    return this;\n  },\n\n  lineHeight(height) {\n    this.style.lineHeight = height;\n    return this;\n  },\n\n  letterSpacing(spacing) {\n    this.style.letterSpacing = spacing;\n    return this;\n  },\n\n  textOverflow(overflow) {\n    this.style.textOverflow = overflow;\n    return this;\n  },\n\n  whitespace(value) {\n    this.style.whiteSpace = value;\n    return this;\n  },\n\n  truncate() {\n    this.style.overflow = 'hidden';\n    this.style.textOverflow = 'ellipsis';\n    this.style.whiteSpace = 'nowrap';\n    return this;\n  },\n\n  lineClamp(lines) {\n    this.style.display = '-webkit-box';\n    this.style.webkitLineClamp = String(lines);\n    this.style.webkitBoxOrient = 'vertical';\n    this.style.overflow = 'hidden';\n    return this;\n  },\n\n  relative() {\n    this.style.position = 'relative';\n    return this;\n  },\n\n  absolute() {\n    this.style.position = 'absolute';\n    return this;\n  },\n\n  fixed() {\n    this.style.position = 'fixed';\n    return this;\n  },\n\n  sticky() {\n    this.style.position = 'sticky';\n    return this;\n  },\n\n  static() {\n    this.style.position = 'static';\n    return this;\n  },\n\n  inset(value) {\n    this.style.top = value;\n    this.style.right = value;\n    this.style.bottom = value;\n    this.style.left = value;\n    return this;\n  },\n\n  insetY(value) {\n    this.style.top = value;\n    this.style.bottom = value;\n    return this;\n  },\n\n  insetX(value) {\n    this.style.right = value;\n    this.style.left = value;\n    return this;\n  },\n\n  top(value) {\n    this.style.top = value;\n    return this;\n  },\n\n  right(value) {\n    this.style.right = value;\n    return this;\n  },\n\n  bottom(value) {\n    this.style.bottom = value;\n    return this;\n  },\n\n  left(value) {\n    this.style.left = value;\n    return this;\n  },\n\n  z(value) {\n    this.style.zIndex = String(value);\n    return this;\n  },\n\n  zIndex(value) {\n    this.style.zIndex = String(value);\n    return this;\n  },\n\n  overflow(value) {\n    this.style.overflow = value;\n    return this;\n  },\n\n  overflowX(value) {\n    this.style.overflowX = value;\n    return this;\n  },\n\n  overflowY(value) {\n    this.style.overflowY = value;\n    return this;\n  },\n\n  overflowHidden() {\n    this.style.overflow = 'hidden';\n    return this;\n  },\n\n  overflowScroll() {\n    this.style.overflow = 'scroll';\n    return this;\n  },\n\n  overflowAuto() {\n    this.style.overflow = 'auto';\n    return this;\n  },\n\n  overflowVisible() {\n    this.style.overflow = 'visible';\n    return this;\n  },\n\n  cursor(cursor) {\n    this.style.cursor = cursor;\n    return this;\n  },\n\n  cursorPointer() {\n    this.style.cursor = 'pointer';\n    return this;\n  },\n\n  cursorDefault() {\n    this.style.cursor = 'default';\n    return this;\n  },\n\n  cursorMove() {\n    this.style.cursor = 'move';\n    return this;\n  },\n\n  cursorGrab() {\n    this.style.cursor = 'grab';\n    return this;\n  },\n\n  cursorGrabbing() {\n    this.style.cursor = 'grabbing';\n    return this;\n  },\n\n  pointerEvents(value) {\n    this.style.pointerEvents = value;\n    return this;\n  },\n\n  pointerEventsNone() {\n    this.style.pointerEvents = 'none';\n    return this;\n  },\n\n  pointerEventsAuto() {\n    this.style.pointerEvents = 'auto';\n    return this;\n  },\n\n  userSelect(value) {\n    this.style.userSelect = value;\n    return this;\n  },\n\n  selectNone() {\n    this.style.userSelect = 'none';\n    return this;\n  },\n\n  selectText() {\n    this.style.userSelect = 'text';\n    return this;\n  },\n\n  selectAll() {\n    this.style.userSelect = 'all';\n    return this;\n  },\n\n  block() {\n    this.style.display = 'block';\n    return this;\n  },\n\n  inlineBlock() {\n    this.style.display = 'inline-block';\n    return this;\n  },\n\n  inline() {\n    this.style.display = 'inline';\n    return this;\n  },\n\n  hide() {\n    this.style.display = 'none';\n    return this;\n  },\n\n  visible() {\n    this.style.visibility = 'visible';\n    return this;\n  },\n\n  invisible() {\n    this.style.visibility = 'hidden';\n    return this;\n  },\n\n  rotate(deg) {\n    this.style.transform = `rotate(${deg}deg)`;\n    return this;\n  },\n\n  scale(x, y?) {\n    const yValue = y !== undefined ? y : x;\n    this.style.transform = `scale(${x}, ${yValue})`;\n    return this;\n  },\n\n  transformTranslate(x, y) {\n    this.style.transform = `translate(${x}, ${y})`;\n    return this;\n  },\n\n  transition(property) {\n    this.style.transition = property;\n    return this;\n  },\n\n  transitionDuration(duration) {\n    this.style.transitionDuration = duration;\n    return this;\n  },\n\n  transitionTimingFunction(timing) {\n    this.style.transitionTimingFunction = timing;\n    return this;\n  },\n\n  transitionDelay(delay) {\n    this.style.transitionDelay = delay;\n    return this;\n  },\n\n  onClick(handler) {\n    return this.on('click', handler as EventListener);\n  },\n\n  onDoubleClick(handler) {\n    return this.on('dblclick', handler as EventListener);\n  },\n\n  onMouseDown(handler) {\n    return this.on('mousedown', handler as EventListener);\n  },\n\n  onMouseUp(handler) {\n    return this.on('mouseup', handler as EventListener);\n  },\n\n  onMouseMove(handler) {\n    return this.on('mousemove', handler as EventListener);\n  },\n\n  onMouseEnter(handler) {\n    return this.on('mouseenter', handler as EventListener);\n  },\n\n  onMouseLeave(handler) {\n    return this.on('mouseleave', handler as EventListener);\n  },\n\n  onMouseOver(handler) {\n    return this.on('mouseover', handler as EventListener);\n  },\n\n  onMouseOut(handler) {\n    return this.on('mouseout', handler as EventListener);\n  },\n\n  onMouseWheel(handler) {\n    return this.on('wheel', handler as EventListener);\n  },\n\n  onKeyDown(handler) {\n    return this.on('keydown', handler as EventListener);\n  },\n\n  onKeyUp(handler) {\n    return this.on('keyup', handler as EventListener);\n  },\n\n  onKeyPress(handler) {\n    return this.on('keypress', handler as EventListener);\n  },\n\n  onFocus(handler) {\n    return this.on('focus', handler as EventListener);\n  },\n\n  onBlur(handler) {\n    return this.on('blur', handler as EventListener);\n  },\n\n  onFocusIn(handler) {\n    return this.on('focusin', handler as EventListener);\n  },\n\n  onFocusOut(handler) {\n    return this.on('focusout', handler as EventListener);\n  },\n\n  onChange(handler) {\n    return this.on('change', handler as EventListener);\n  },\n\n  onInput(handler) {\n    return this.on('input', handler as EventListener);\n  },\n\n  onSubmit(handler) {\n    return this.on('submit', handler as EventListener);\n  },\n\n  onReset(handler) {\n    return this.on('reset', handler as EventListener);\n  },\n\n  onTouchStart(handler) {\n    return this.on('touchstart', handler as EventListener);\n  },\n\n  onTouchEnd(handler) {\n    return this.on('touchend', handler as EventListener);\n  },\n\n  onTouchMove(handler) {\n    return this.on('touchmove', handler as EventListener);\n  },\n\n  onTouchCancel(handler) {\n    return this.on('touchcancel', handler as EventListener);\n  },\n\n  onDrag(handler: (event: DragEvent) => void) {\n    return this.on('drag', handler as EventListener);\n  },\n\n  onDragStart(handler: (event: DragEvent) => void) {\n    return this.on('dragstart', handler as EventListener);\n  },\n\n  onDragEnd(handler: (event: DragEvent) => void) {\n    return this.on('dragend', handler as EventListener);\n  },\n\n  onDragEnter(handler: (event: DragEvent) => void) {\n    return this.on('dragenter', handler as EventListener);\n  },\n\n  onDragLeave(handler: (event: DragEvent) => void) {\n    return this.on('dragleave', handler as EventListener);\n  },\n\n  onDragOver(handler: (event: DragEvent) => void) {\n    return this.on('dragover', handler as EventListener);\n  },\n\n  onDragDrop(handler: (event: DragEvent) => void) {\n    return this.on('drop', handler as EventListener);\n  },\n\n  onCopy(handler: (event: ClipboardEvent) => void) {\n    return this.on('copy', handler as EventListener);\n  },\n\n  onCut(handler: (event: ClipboardEvent) => void) {\n    return this.on('cut', handler as EventListener);\n  },\n\n  onPaste(handler: (event: ClipboardEvent) => void) {\n    return this.on('paste', handler as EventListener);\n  },\n\n  onScroll(handler) {\n    return this.on('scroll', handler as EventListener);\n  },\n\n  onResize(handler: (event: UIEvent) => void) {\n    return this.on('resize', handler as EventListener);\n  },\n\n  onPlay(handler) {\n    return this.on('play', handler as EventListener);\n  },\n\n  onPause(handler) {\n    return this.on('pause', handler as EventListener);\n  },\n\n  onEnded(handler) {\n    return this.on('ended', handler as EventListener);\n  },\n\n  onVolumeChange(handler) {\n    return this.on('volumechange', handler as EventListener);\n  },\n\n  onAnimationStart(handler) {\n    return this.on('animationstart', handler as EventListener);\n  },\n\n  onAnimationEnd(handler) {\n    return this.on('animationend', handler as EventListener);\n  },\n\n  onAnimationIteration(handler) {\n    return this.on('animationiteration', handler as EventListener);\n  },\n\n  onTransitionEnd(handler) {\n    return this.on('transitionend', handler as EventListener);\n  },\n\n  onPointerDown(handler) {\n    return this.on('pointerdown', handler as EventListener);\n  },\n\n  onPointerUp(handler) {\n    return this.on('pointerup', handler as EventListener);\n  },\n\n  onPointerMove(handler) {\n    return this.on('pointermove', handler as EventListener);\n  },\n\n  onPointerEnter(handler) {\n    return this.on('pointerenter', handler as EventListener);\n  },\n\n  onPointerLeave(handler) {\n    return this.on('pointerleave', handler as EventListener);\n  },\n\n  onPointerCancel(handler) {\n    return this.on('pointercancel', handler as EventListener);\n  },\n\n  on(eventName, handler) {\n    this.addEventListener(eventName, handler);\n    return this;\n  },\n\n  off(eventName, handler) {\n    this.removeEventListener(eventName, handler);\n    return this;\n  },\n} as HTMLElement);\n\nexport {};\n","import './element.js';\n\nexport const h = <T extends keyof HTMLElementTagNameMap>(tag: T): HTMLElementTagNameMap[T] =>\n  document.createElement(tag);\n\nexport const div = () => document.createElement('div');\nexport const span = () => document.createElement('span');\nexport const section = () => document.createElement('section');\nexport const p = () => document.createElement('p');\nexport const input = () => document.createElement('input');\nexport const textarea = () => document.createElement('textarea');\nexport const btn = () => document.createElement('button');\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/core/index.ts","../src/core/input.ts","../src/core/textarea.ts","../src/core/select.ts","../src/core/button.ts","../src/core/form.ts","../src/core/a.ts","../src/core/img.ts","../src/core/media.ts","../src/core/label.ts","../src/core/option.ts","../src/core/details.ts","../src/core/dialog.ts","../src/core/progress.ts","../src/index.ts"],"sourcesContent":["declare global {\n  interface HTMLElement {\n    jpui: true;\n\n    id_(id: string): this;\n    attr_(attr: string, value: any): this;\n    name_(name: string): this;\n    child_(...nodes: any[]): this;\n    text_(text: string): this;\n\n    class_(classList: string[]): this;\n    class_(className: string): this;\n    w_(w: string): this;\n    h_(h: string): this;\n    size_(w: string, h: string): this;\n    minW_(w: string): this;\n    minH_(h: string): this;\n    maxW_(w: string): this;\n    maxH_(h: string): this;\n    flex_(): this;\n    flexFlex_(): this;\n    flexNone_(): this;\n    flexAuto_(): this;\n    flexGrow_(grow: number): this;\n    flexShrink_(shrink: number): this;\n    flexBasis_(basis: string): this;\n    flexDirection_(direction: string): this;\n    flexWrap_(wrap: string): this;\n    grid_(): this;\n    gridTemplateColumns_(columns: string): this;\n    gridTemplateRows_(rows: string): this;\n    gridColumn_(column: string): this;\n    gridRow_(row: string): this;\n    gap_(gap: string): this;\n    gapX_(gap: string): this;\n    gapY_(gap: string): this;\n    justify_(justify: string): this;\n    items_(items: string): this;\n    content_(content: string): this;\n    self_(alignSelf: string): this;\n    justifySelf_(justifySelf: string): this;\n    px_(px: string): this;\n    py_(py: string): this;\n    pt_(pt: string): this;\n    pr_(pr: string): this;\n    pb_(pb: string): this;\n    pl_(pl: string): this;\n    p_(p: string): this;\n    mx_(mx: string): this;\n    my_(my: string): this;\n    mt_(mt: string): this;\n    mr_(mr: string): this;\n    mb_(mb: string): this;\n    ml_(ml: string): this;\n    m_(m: string): this;\n    border_(): this;\n    borderW_(width: string): this;\n    borderT_(width: string): this;\n    borderR_(width: string): this;\n    borderB_(width: string): this;\n    borderL_(width: string): this;\n    borderColor_(color: string): this;\n    borderStyle_(style: string): this;\n    rounded_(radius: string): this;\n    roundedTL_(radius: string): this;\n    roundedTR_(radius: string): this;\n    roundedBL_(radius: string): this;\n    roundedBR_(radius: string): this;\n    bg_(color: string): this;\n    bgColor_(color: string): this;\n    bgImage_(image: string): this;\n    bgSize_(size: string): this;\n    bgPosition_(position: string): this;\n    bgRepeat_(repeat: string): this;\n    shadow_(shadow: string): this;\n    shadowMd_(): this;\n    shadowLg_(): this;\n    shadowNone_(): this;\n    opacity_(value: number): this;\n    textColor_(color: string): this;\n    textSize_(size: string): this;\n    textAlign_(align: string): this;\n    fontWeight_(weight: string): this;\n    lineHeight_(height: string): this;\n    letterSpacing_(spacing: string): this;\n    textOverflow_(overflow: string): this;\n    whitespace_(value: string): this;\n    truncate_(): this;\n    lineClamp_(lines: number): this;\n    relative_(): this;\n    absolute_(): this;\n    fixed_(): this;\n    sticky_(): this;\n    static_(): this;\n    inset_(value: string): this;\n    insetY_(value: string): this;\n    insetX_(value: string): this;\n    top_(value: string): this;\n    right_(value: string): this;\n    bottom_(value: string): this;\n    left_(value: string): this;\n    z_(value: number): this;\n    zIndex_(value: number): this;\n    overflow_(value: string): this;\n    overflowX_(value: string): this;\n    overflowY_(value: string): this;\n    overflowHidden_(): this;\n    overflowScroll_(): this;\n    overflowAuto_(): this;\n    overflowVisible_(): this;\n    cursor_(cursor: string): this;\n    cursorPointer_(): this;\n    cursorDefault_(): this;\n    cursorMove_(): this;\n    cursorGrab_(): this;\n    cursorGrabbing_(): this;\n    pointerEvents_(value: string): this;\n    pointerEventsNone_(): this;\n    pointerEventsAuto_(): this;\n    userSelect_(value: string): this;\n    selectNone_(): this;\n    selectText_(): this;\n    selectAll_(): this;\n    block_(): this;\n    inlineBlock_(): this;\n    inline_(): this;\n    hide_(): this;\n    visible_(): this;\n    invisible_(): this;\n    rotate_(deg: number): this;\n    scale_(x: number, y?: number): this;\n    transformTranslate_(x: string, y: string): this;\n    transition_(property: string): this;\n    transitionDuration_(duration: string): this;\n    transitionTimingFunction_(timing: string): this;\n    transitionDelay_(delay: string): this;\n\n    onClick_(handler: (event: MouseEvent) => void): this;\n    onDoubleClick_(handler: (event: MouseEvent) => void): this;\n    onMouseDown_(handler: (event: MouseEvent) => void): this;\n    onMouseUp_(handler: (event: MouseEvent) => void): this;\n    onMouseMove_(handler: (event: MouseEvent) => void): this;\n    onMouseEnter_(handler: (event: MouseEvent) => void): this;\n    onMouseLeave_(handler: (event: MouseEvent) => void): this;\n    onMouseOver_(handler: (event: MouseEvent) => void): this;\n    onMouseOut_(handler: (event: MouseEvent) => void): this;\n    onMouseWheel_(handler: (event: WheelEvent) => void): this;\n    onKeyDown_(handler: (event: KeyboardEvent) => void): this;\n    onKeyUp_(handler: (event: KeyboardEvent) => void): this;\n    onKeyPress_(handler: (event: KeyboardEvent) => void): this;\n    onFocus_(handler: (event: FocusEvent) => void): this;\n    onBlur_(handler: (event: FocusEvent) => void): this;\n    onFocusIn_(handler: (event: FocusEvent) => void): this;\n    onFocusOut_(handler: (event: FocusEvent) => void): this;\n    onChange_(handler: (event: Event) => void): this;\n    onInput_(handler: (event: Event) => void): this;\n    onSubmit_(handler: (event: SubmitEvent) => void): this;\n    onReset_(handler: (event: Event) => void): this;\n    onTouchStart_(handler: (event: TouchEvent) => void): this;\n    onTouchEnd_(handler: (event: TouchEvent) => void): this;\n    onTouchMove_(handler: (event: TouchEvent) => void): this;\n    onTouchCancel_(handler: (event: TouchEvent) => void): this;\n    onDrag_(handler: (event: DragEvent) => void): this;\n    onDragStart_(handler: (event: DragEvent) => void): this;\n    onDragEnd_(handler: (event: DragEvent) => void): this;\n    onDragEnter_(handler: (event: DragEvent) => void): this;\n    onDragLeave_(handler: (event: DragEvent) => void): this;\n    onDragOver_(handler: (event: DragEvent) => void): this;\n    onDragDrop_(handler: (event: DragEvent) => void): this;\n    onCopy_(handler: (event: ClipboardEvent) => void): this;\n    onCut_(handler: (event: ClipboardEvent) => void): this;\n    onPaste_(handler: (event: ClipboardEvent) => void): this;\n    onScroll_(handler: (event: Event) => void): this;\n    onResize_(handler: (event: UIEvent) => void): this;\n    onPlay_(handler: (event: Event) => void): this;\n    onPause_(handler: (event: Event) => void): this;\n    onEnded_(handler: (event: Event) => void): this;\n    onVolumeChange_(handler: (event: Event) => void): this;\n    onAnimationStart_(handler: (event: AnimationEvent) => void): this;\n    onAnimationEnd_(handler: (event: AnimationEvent) => void): this;\n    onAnimationIteration_(handler: (event: AnimationEvent) => void): this;\n    onTransitionEnd_(handler: (event: TransitionEvent) => void): this;\n    onPointerDown_(handler: (event: PointerEvent) => void): this;\n    onPointerUp_(handler: (event: PointerEvent) => void): this;\n    onPointerMove_(handler: (event: PointerEvent) => void): this;\n    onPointerEnter_(handler: (event: PointerEvent) => void): this;\n    onPointerLeave_(handler: (event: PointerEvent) => void): this;\n    onPointerCancel_(handler: (event: PointerEvent) => void): this;\n    on_(eventName: string, handler: EventListener): this;\n    off_(eventName: string, handler: EventListener): this;\n  }\n}\n\nObject.assign(HTMLElement.prototype, {\n  id_(id) {\n    this.id = id;\n    return this;\n  },\n  attr_(attr, value) {\n    this.setAttribute(attr, value);\n    return this;\n  },\n  name_(name) {\n    this.setAttribute('name', name);\n    return this;\n  },\n  child_(...nodes) {\n    this.append(...nodes);\n    return this;\n  },\n  class_(c) {\n    this.className = Array.isArray(c) ? c.join(' ') : c;\n    return this;\n  },\n  w_(w) {\n    this.style.width = w;\n    return this;\n  },\n  h_(h) {\n    this.style.height = h;\n    return this;\n  },\n  size_(w, h) {\n    this.style.width = w;\n    this.style.height = h;\n    return this;\n  },\n  minW_(w) {\n    this.style.minWidth = w;\n    return this;\n  },\n  minH_(h) {\n    this.style.minHeight = h;\n    return this;\n  },\n  maxW_(w) {\n    this.style.maxWidth = w;\n    return this;\n  },\n  maxH_(h) {\n    this.style.maxHeight = h;\n    return this;\n  },\n  flex_() {\n    this.style.display = 'flex';\n    return this;\n  },\n  flexFlex_() {\n    this.style.display = 'flex';\n    this.style.flex = '1 1 0%';\n    return this;\n  },\n  flexNone_() {\n    this.style.flex = 'none';\n    return this;\n  },\n  flexAuto_() {\n    this.style.flex = '1 1 auto';\n    return this;\n  },\n  flexGrow_(grow) {\n    this.style.flexGrow = String(grow);\n    return this;\n  },\n  flexShrink_(shrink) {\n    this.style.flexShrink = String(shrink);\n    return this;\n  },\n  flexBasis_(basis) {\n    this.style.flexBasis = basis;\n    return this;\n  },\n  flexDirection_(direction) {\n    this.style.flexDirection = direction;\n    return this;\n  },\n  flexWrap_(wrap) {\n    this.style.flexWrap = wrap;\n    return this;\n  },\n  grid_() {\n    this.style.display = 'grid';\n    return this;\n  },\n  gridTemplateColumns_(columns) {\n    this.style.gridTemplateColumns = columns;\n    return this;\n  },\n  gridTemplateRows_(rows) {\n    this.style.gridTemplateRows = rows;\n    return this;\n  },\n  gridColumn_(column) {\n    this.style.gridColumn = column;\n    return this;\n  },\n  gridRow_(row) {\n    this.style.gridRow = row;\n    return this;\n  },\n  gap_(gap) {\n    this.style.gap = gap;\n    return this;\n  },\n  gapX_(gap) {\n    this.style.columnGap = gap;\n    return this;\n  },\n  gapY_(gap) {\n    this.style.rowGap = gap;\n    return this;\n  },\n  justify_(justify) {\n    this.style.justifyContent = justify;\n    return this;\n  },\n  items_(items) {\n    this.style.alignItems = items;\n    return this;\n  },\n  content_(content) {\n    this.style.alignContent = content;\n    return this;\n  },\n  self_(alignSelf) {\n    this.style.alignSelf = alignSelf;\n    return this;\n  },\n  justifySelf_(justifySelf) {\n    this.style.justifySelf = justifySelf;\n    return this;\n  },\n  px_(px) {\n    this.style.paddingLeft = px;\n    this.style.paddingRight = px;\n    return this;\n  },\n  py_(py) {\n    this.style.paddingTop = py;\n    this.style.paddingBottom = py;\n    return this;\n  },\n  pt_(pt) {\n    this.style.paddingTop = pt;\n    return this;\n  },\n  pr_(pr) {\n    this.style.paddingRight = pr;\n    return this;\n  },\n  pb_(pb) {\n    this.style.paddingBottom = pb;\n    return this;\n  },\n  pl_(pl) {\n    this.style.paddingLeft = pl;\n    return this;\n  },\n  p_(p) {\n    this.style.padding = p;\n    return this;\n  },\n  mx_(mx) {\n    this.style.marginLeft = mx;\n    this.style.marginRight = mx;\n    return this;\n  },\n  my_(my) {\n    this.style.marginTop = my;\n    this.style.marginBottom = my;\n    return this;\n  },\n  mt_(mt) {\n    this.style.marginTop = mt;\n    return this;\n  },\n  mr_(mr) {\n    this.style.marginRight = mr;\n    return this;\n  },\n  mb_(mb) {\n    this.style.marginBottom = mb;\n    return this;\n  },\n  ml_(ml) {\n    this.style.marginLeft = ml;\n    return this;\n  },\n  m_(m) {\n    this.style.margin = m;\n    return this;\n  },\n  border_() {\n    this.style.border = '1px solid currentColor';\n    return this;\n  },\n  borderW_(width) {\n    this.style.borderWidth = width;\n    return this;\n  },\n  borderT_(width) {\n    this.style.borderTopWidth = width;\n    return this;\n  },\n  borderR_(width) {\n    this.style.borderRightWidth = width;\n    return this;\n  },\n  borderB_(width) {\n    this.style.borderBottomWidth = width;\n    return this;\n  },\n  borderL_(width) {\n    this.style.borderLeftWidth = width;\n    return this;\n  },\n  borderColor_(color) {\n    this.style.borderColor = color;\n    return this;\n  },\n  borderStyle_(style) {\n    this.style.borderStyle = style;\n    return this;\n  },\n  rounded_(radius) {\n    this.style.borderRadius = radius;\n    return this;\n  },\n  roundedTL_(radius) {\n    this.style.borderTopLeftRadius = radius;\n    return this;\n  },\n  roundedTR_(radius) {\n    this.style.borderTopRightRadius = radius;\n    return this;\n  },\n  roundedBL_(radius) {\n    this.style.borderBottomLeftRadius = radius;\n    return this;\n  },\n  roundedBR_(radius) {\n    this.style.borderBottomRightRadius = radius;\n    return this;\n  },\n  bg_(color) {\n    this.style.backgroundColor = color;\n    return this;\n  },\n  bgColor_(color) {\n    this.style.backgroundColor = color;\n    return this;\n  },\n  bgImage_(image) {\n    this.style.backgroundImage = image;\n    return this;\n  },\n  bgSize_(size) {\n    this.style.backgroundSize = size;\n    return this;\n  },\n  bgPosition_(position) {\n    this.style.backgroundPosition = position;\n    return this;\n  },\n  bgRepeat_(repeat) {\n    this.style.backgroundRepeat = repeat;\n    return this;\n  },\n  shadow_(shadow) {\n    this.style.boxShadow = shadow;\n    return this;\n  },\n  shadowMd_() {\n    this.style.boxShadow = '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)';\n    return this;\n  },\n  shadowLg_() {\n    this.style.boxShadow = '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)';\n    return this;\n  },\n  shadowNone_() {\n    this.style.boxShadow = 'none';\n    return this;\n  },\n  opacity_(value) {\n    this.style.opacity = String(value);\n    return this;\n  },\n  text_(t) {\n    this.textContent = t;\n    return this;\n  },\n  textColor_(color) {\n    this.style.color = color;\n    return this;\n  },\n  textSize_(size) {\n    this.style.fontSize = size;\n    return this;\n  },\n  textAlign_(align) {\n    this.style.textAlign = align;\n    return this;\n  },\n  fontWeight_(weight) {\n    this.style.fontWeight = weight;\n    return this;\n  },\n  lineHeight_(height) {\n    this.style.lineHeight = height;\n    return this;\n  },\n  letterSpacing_(spacing) {\n    this.style.letterSpacing = spacing;\n    return this;\n  },\n  textOverflow_(overflow) {\n    this.style.textOverflow = overflow;\n    return this;\n  },\n  whitespace_(value) {\n    this.style.whiteSpace = value;\n    return this;\n  },\n  truncate_() {\n    this.style.overflow = 'hidden';\n    this.style.textOverflow = 'ellipsis';\n    this.style.whiteSpace = 'nowrap';\n    return this;\n  },\n  lineClamp_(lines) {\n    this.style.display = '-webkit-box';\n    this.style.webkitLineClamp = String(lines);\n    this.style.webkitBoxOrient = 'vertical';\n    this.style.overflow = 'hidden';\n    return this;\n  },\n  relative_() {\n    this.style.position = 'relative';\n    return this;\n  },\n  absolute_() {\n    this.style.position = 'absolute';\n    return this;\n  },\n  fixed_() {\n    this.style.position = 'fixed';\n    return this;\n  },\n  sticky_() {\n    this.style.position = 'sticky';\n    return this;\n  },\n  static_() {\n    this.style.position = 'static';\n    return this;\n  },\n  inset_(value) {\n    this.style.top = value;\n    this.style.right = value;\n    this.style.bottom = value;\n    this.style.left = value;\n    return this;\n  },\n  insetY_(value) {\n    this.style.top = value;\n    this.style.bottom = value;\n    return this;\n  },\n  insetX_(value) {\n    this.style.right = value;\n    this.style.left = value;\n    return this;\n  },\n  top_(value) {\n    this.style.top = value;\n    return this;\n  },\n  right_(value) {\n    this.style.right = value;\n    return this;\n  },\n  bottom_(value) {\n    this.style.bottom = value;\n    return this;\n  },\n  left_(value) {\n    this.style.left = value;\n    return this;\n  },\n  z_(value) {\n    this.style.zIndex = String(value);\n    return this;\n  },\n  zIndex_(value) {\n    this.style.zIndex = String(value);\n    return this;\n  },\n  overflow_(value) {\n    this.style.overflow = value;\n    return this;\n  },\n  overflowX_(value) {\n    this.style.overflowX = value;\n    return this;\n  },\n  overflowY_(value) {\n    this.style.overflowY = value;\n    return this;\n  },\n  overflowHidden_() {\n    this.style.overflow = 'hidden';\n    return this;\n  },\n  overflowScroll_() {\n    this.style.overflow = 'scroll';\n    return this;\n  },\n  overflowAuto_() {\n    this.style.overflow = 'auto';\n    return this;\n  },\n  overflowVisible_() {\n    this.style.overflow = 'visible';\n    return this;\n  },\n  cursor_(cursor) {\n    this.style.cursor = cursor;\n    return this;\n  },\n  cursorPointer_() {\n    this.style.cursor = 'pointer';\n    return this;\n  },\n  cursorDefault_() {\n    this.style.cursor = 'default';\n    return this;\n  },\n  cursorMove_() {\n    this.style.cursor = 'move';\n    return this;\n  },\n  cursorGrab_() {\n    this.style.cursor = 'grab';\n    return this;\n  },\n  cursorGrabbing_() {\n    this.style.cursor = 'grabbing';\n    return this;\n  },\n  pointerEvents_(value) {\n    this.style.pointerEvents = value;\n    return this;\n  },\n  pointerEventsNone_() {\n    this.style.pointerEvents = 'none';\n    return this;\n  },\n  pointerEventsAuto_() {\n    this.style.pointerEvents = 'auto';\n    return this;\n  },\n  userSelect_(value) {\n    this.style.userSelect = value;\n    return this;\n  },\n  selectNone_() {\n    this.style.userSelect = 'none';\n    return this;\n  },\n  selectText_() {\n    this.style.userSelect = 'text';\n    return this;\n  },\n  selectAll_() {\n    this.style.userSelect = 'all';\n    return this;\n  },\n  block_() {\n    this.style.display = 'block';\n    return this;\n  },\n  inlineBlock_() {\n    this.style.display = 'inline-block';\n    return this;\n  },\n  inline_() {\n    this.style.display = 'inline';\n    return this;\n  },\n  hide_() {\n    this.style.display = 'none';\n    return this;\n  },\n  visible_() {\n    this.style.visibility = 'visible';\n    return this;\n  },\n  invisible_() {\n    this.style.visibility = 'hidden';\n    return this;\n  },\n  rotate_(deg) {\n    this.style.transform = 'rotate(' + deg + 'deg)';\n    return this;\n  },\n  scale_(x, y) {\n    this.style.transform = 'scale(' + x + ', ' + (y ?? x) + ')';\n    return this;\n  },\n  transformTranslate_(x, y) {\n    this.style.transform = 'translate(' + x + ', ' + y + ')';\n    return this;\n  },\n  transition_(property) {\n    this.style.transition = property;\n    return this;\n  },\n  transitionDuration_(duration) {\n    this.style.transitionDuration = duration;\n    return this;\n  },\n  transitionTimingFunction_(timing) {\n    this.style.transitionTimingFunction = timing;\n    return this;\n  },\n  transitionDelay_(delay) {\n    this.style.transitionDelay = delay;\n    return this;\n  },\n  onClick_(handler) {\n    return this.on_('click', handler as EventListener);\n  },\n  onDoubleClick_(handler) {\n    return this.on_('dblclick', handler as EventListener);\n  },\n  onMouseDown_(handler) {\n    return this.on_('mousedown', handler as EventListener);\n  },\n  onMouseUp_(handler) {\n    return this.on_('mouseup', handler as EventListener);\n  },\n  onMouseMove_(handler) {\n    return this.on_('mousemove', handler as EventListener);\n  },\n  onMouseEnter_(handler) {\n    return this.on_('mouseenter', handler as EventListener);\n  },\n  onMouseLeave_(handler) {\n    return this.on_('mouseleave', handler as EventListener);\n  },\n  onMouseOver_(handler) {\n    return this.on_('mouseover', handler as EventListener);\n  },\n  onMouseOut_(handler) {\n    return this.on_('mouseout', handler as EventListener);\n  },\n  onMouseWheel_(handler) {\n    return this.on_('wheel', handler as EventListener);\n  },\n  onKeyDown_(handler) {\n    return this.on_('keydown', handler as EventListener);\n  },\n  onKeyUp_(handler) {\n    return this.on_('keyup', handler as EventListener);\n  },\n  onKeyPress_(handler) {\n    return this.on_('keypress', handler as EventListener);\n  },\n  onFocus_(handler) {\n    return this.on_('focus', handler as EventListener);\n  },\n  onBlur_(handler) {\n    return this.on_('blur', handler as EventListener);\n  },\n  onFocusIn_(handler) {\n    return this.on_('focusin', handler as EventListener);\n  },\n  onFocusOut_(handler) {\n    return this.on_('focusout', handler as EventListener);\n  },\n  onChange_(handler) {\n    return this.on_('change', handler as EventListener);\n  },\n  onInput_(handler) {\n    return this.on_('input', handler as EventListener);\n  },\n  onSubmit_(handler) {\n    return this.on_('submit', handler as EventListener);\n  },\n  onReset_(handler) {\n    return this.on_('reset', handler as EventListener);\n  },\n  onTouchStart_(handler) {\n    return this.on_('touchstart', handler as EventListener);\n  },\n  onTouchEnd_(handler) {\n    return this.on_('touchend', handler as EventListener);\n  },\n  onTouchMove_(handler) {\n    return this.on_('touchmove', handler as EventListener);\n  },\n  onTouchCancel_(handler) {\n    return this.on_('touchcancel', handler as EventListener);\n  },\n  onDrag_(handler) {\n    return this.on_('drag', handler as EventListener);\n  },\n  onDragStart_(handler) {\n    return this.on_('dragstart', handler as EventListener);\n  },\n  onDragEnd_(handler) {\n    return this.on_('dragend', handler as EventListener);\n  },\n  onDragEnter_(handler) {\n    return this.on_('dragenter', handler as EventListener);\n  },\n  onDragLeave_(handler) {\n    return this.on_('dragleave', handler as EventListener);\n  },\n  onDragOver_(handler) {\n    return this.on_('dragover', handler as EventListener);\n  },\n  onDragDrop_(handler) {\n    return this.on_('drop', handler as EventListener);\n  },\n  onCopy_(handler) {\n    return this.on_('copy', handler as EventListener);\n  },\n  onCut_(handler) {\n    return this.on_('cut', handler as EventListener);\n  },\n  onPaste_(handler) {\n    return this.on_('paste', handler as EventListener);\n  },\n  onScroll_(handler) {\n    return this.on_('scroll', handler as EventListener);\n  },\n  onResize_(handler) {\n    return this.on_('resize', handler as EventListener);\n  },\n  onPlay_(handler) {\n    return this.on_('play', handler as EventListener);\n  },\n  onPause_(handler) {\n    return this.on_('pause', handler as EventListener);\n  },\n  onEnded_(handler) {\n    return this.on_('ended', handler as EventListener);\n  },\n  onVolumeChange_(handler) {\n    return this.on_('volumechange', handler as EventListener);\n  },\n  onAnimationStart_(handler) {\n    return this.on_('animationstart', handler as EventListener);\n  },\n  onAnimationEnd_(handler) {\n    return this.on_('animationend', handler as EventListener);\n  },\n  onAnimationIteration_(handler) {\n    return this.on_('animationiteration', handler as EventListener);\n  },\n  onTransitionEnd_(handler) {\n    return this.on_('transitionend', handler as EventListener);\n  },\n  onPointerDown_(handler) {\n    return this.on_('pointerdown', handler as EventListener);\n  },\n  onPointerUp_(handler) {\n    return this.on_('pointerup', handler as EventListener);\n  },\n  onPointerMove_(handler) {\n    return this.on_('pointermove', handler as EventListener);\n  },\n  onPointerEnter_(handler) {\n    return this.on_('pointerenter', handler as EventListener);\n  },\n  onPointerLeave_(handler) {\n    return this.on_('pointerleave', handler as EventListener);\n  },\n  onPointerCancel_(handler) {\n    return this.on_('pointercancel', handler as EventListener);\n  },\n  on_(eventName, handler) {\n    this.addEventListener(eventName, handler);\n    return this;\n  },\n  off_(eventName, handler) {\n    this.removeEventListener(eventName, handler);\n    return this;\n  },\n} as HTMLElement);\n\nexport {};\n","declare global {\n  interface HTMLInputElement {\n    placeholder_(value: string): this;\n    value_(value: string): this;\n    type_(type: string): this;\n    checked_(checked?: boolean): this;\n    disabled_(disabled?: boolean): this;\n    focus_(): this;\n    blur_(): this;\n    select_(): this;\n    onChange_(\n      handler: (\n        event: Event & { currentTarget: HTMLInputElement; target: HTMLInputElement },\n      ) => void,\n    ): this;\n    onInput_(\n      handler: (\n        event: Event & { currentTarget: HTMLInputElement; target: HTMLInputElement },\n      ) => void,\n    ): this;\n  }\n}\nObject.assign(HTMLInputElement.prototype, {\n  placeholder_(value) {\n    this.placeholder = value;\n    return this;\n  },\n  value_(value) {\n    this.value = value;\n    return this;\n  },\n  type_(type) {\n    this.type = type;\n    return this;\n  },\n  checked_(checked = true) {\n    this.checked = checked;\n    return this;\n  },\n  disabled_(disabled = true) {\n    this.disabled = disabled;\n    return this;\n  },\n  focus_() {\n    this.focus();\n    return this;\n  },\n  blur_() {\n    this.blur();\n    return this;\n  },\n  select_() {\n    this.select();\n    return this;\n  },\n  onChange_(handler) {\n    return this.on_('change', handler as EventListener);\n  },\n  onInput_(handler) {\n    return this.on_('input', handler as EventListener);\n  },\n} as HTMLInputElement);\nexport {};\n","declare global {\n  interface HTMLTextAreaElement {\n    placeholder_(value: string): this;\n    value_(value: string): this;\n    rows_(rows: number): this;\n    cols_(cols: number): this;\n    disabled_(disabled?: boolean): this;\n    focus_(): this;\n    blur_(): this;\n    select_(): this;\n    onChange_(\n      handler: (\n        event: Event & { currentTarget: HTMLTextAreaElement; target: HTMLTextAreaElement },\n      ) => void,\n    ): this;\n    onInput_(\n      handler: (\n        event: Event & { currentTarget: HTMLTextAreaElement; target: HTMLTextAreaElement },\n      ) => void,\n    ): this;\n  }\n}\nObject.assign(HTMLTextAreaElement.prototype, {\n  placeholder_(value) {\n    this.placeholder = value;\n    return this;\n  },\n  value_(value) {\n    this.value = value;\n    return this;\n  },\n  rows_(rows) {\n    this.rows = rows;\n    return this;\n  },\n  cols_(cols) {\n    this.cols = cols;\n    return this;\n  },\n  disabled_(disabled = true) {\n    this.disabled = disabled;\n    return this;\n  },\n  focus_() {\n    this.focus();\n    return this;\n  },\n  blur_() {\n    this.blur();\n    return this;\n  },\n  select_() {\n    this.select();\n    return this;\n  },\n  onChange_(handler) {\n    return this.on_('change', handler as EventListener);\n  },\n  onInput_(handler) {\n    return this.on_('input', handler as EventListener);\n  },\n} as HTMLTextAreaElement);\nexport {};\n","declare global {\n  interface HTMLSelectElement {\n    value_(value: string): this;\n    options_(options: Array<{ value: any; label: string }>): this;\n    disabled_(disabled?: boolean): this;\n    focus_(): this;\n    blur_(): this;\n    onChange_(\n      handler: (\n        event: Event & { currentTarget: HTMLSelectElement; target: HTMLSelectElement },\n      ) => void,\n    ): this;\n    onInput_(\n      handler: (\n        event: Event & { currentTarget: HTMLSelectElement; target: HTMLSelectElement },\n      ) => void,\n    ): this;\n  }\n}\nObject.assign(HTMLSelectElement.prototype, {\n  value_(value) {\n    this.value = value;\n    return this;\n  },\n  options_(options) {\n    this.replaceChildren(\n      ...options.map((option) => {\n        const node = document.createElement('option');\n        node.value = String(option.value);\n        node.textContent = option.label;\n        return node;\n      }),\n    );\n    return this;\n  },\n  disabled_(disabled = true) {\n    this.disabled = disabled;\n    return this;\n  },\n  focus_() {\n    this.focus();\n    return this;\n  },\n  blur_() {\n    this.blur();\n    return this;\n  },\n  onChange_(handler) {\n    return this.on_('change', handler as EventListener);\n  },\n  onInput_(handler) {\n    return this.on_('input', handler as EventListener);\n  },\n} as HTMLSelectElement);\nexport {};\n","declare global {\n  interface HTMLButtonElement {\n    type_(type: 'button' | 'submit' | 'reset'): this;\n    disabled_(disabled?: boolean): this;\n    name_(name: string): this;\n    value_(value: string): this;\n    autofocus_(autofocus?: boolean): this;\n  }\n}\nObject.assign(HTMLButtonElement.prototype, {\n  type_(type) {\n    this.type = type;\n    return this;\n  },\n  disabled_(disabled = true) {\n    this.disabled = disabled;\n    return this;\n  },\n  name_(name) {\n    this.name = name;\n    return this;\n  },\n  value_(value) {\n    this.value = value;\n    return this;\n  },\n  autofocus_(autofocus = true) {\n    this.autofocus = autofocus;\n    return this;\n  },\n} as HTMLButtonElement);\nexport {};\n","declare global {\n  interface HTMLFormElement {\n    action_(action: string): this;\n    method_(method: 'get' | 'post' | 'dialog'): this;\n    target_(target: string): this;\n    enctype_(enctype: string): this;\n    noValidate_(noValidate?: boolean): this;\n    reset_(): this;\n    submit_(): this;\n    requestSubmit_(): this;\n  }\n}\nObject.assign(HTMLFormElement.prototype, {\n  action_(action) {\n    this.action = action;\n    return this;\n  },\n  method_(method) {\n    this.method = method;\n    return this;\n  },\n  target_(target) {\n    this.target = target;\n    return this;\n  },\n  enctype_(enctype) {\n    this.enctype = enctype;\n    return this;\n  },\n  noValidate_(noValidate = true) {\n    this.noValidate = noValidate;\n    return this;\n  },\n  reset_() {\n    this.reset();\n    return this;\n  },\n  submit_() {\n    this.submit();\n    return this;\n  },\n  requestSubmit_() {\n    this.requestSubmit();\n    return this;\n  },\n} as HTMLFormElement);\nexport {};\n","declare global {\n  interface HTMLAnchorElement {\n    href_(href: string): this;\n    target_(target: string): this;\n    rel_(rel: string): this;\n    download_(download?: string): this;\n    referrerPolicy_(policy: ReferrerPolicy): this;\n  }\n}\nObject.assign(HTMLAnchorElement.prototype, {\n  href_(href) {\n    this.href = href;\n    return this;\n  },\n  target_(target) {\n    this.target = target;\n    return this;\n  },\n  rel_(rel) {\n    this.rel = rel;\n    return this;\n  },\n  download_(download = '') {\n    this.download = download;\n    return this;\n  },\n  referrerPolicy_(policy) {\n    this.referrerPolicy = policy;\n    return this;\n  },\n} as HTMLAnchorElement);\nexport {};\n","declare global {\n  interface HTMLImageElement {\n    src_(src: string): this;\n    alt_(alt: string): this;\n    width_(width: number): this;\n    height_(height: number): this;\n    loading_(loading: 'eager' | 'lazy'): this;\n    decoding_(decoding: 'sync' | 'async' | 'auto'): this;\n  }\n}\nObject.assign(HTMLImageElement.prototype, {\n  src_(src) {\n    this.src = src;\n    return this;\n  },\n  alt_(alt) {\n    this.alt = alt;\n    return this;\n  },\n  width_(width) {\n    this.width = width;\n    return this;\n  },\n  height_(height) {\n    this.height = height;\n    return this;\n  },\n  loading_(loading) {\n    this.loading = loading;\n    return this;\n  },\n  decoding_(decoding) {\n    this.decoding = decoding;\n    return this;\n  },\n} as HTMLImageElement);\nexport {};\n","declare global {\n  interface HTMLMediaElement {\n    src_(src: string): this;\n    controls_(controls?: boolean): this;\n    autoplay_(autoplay?: boolean): this;\n    loop_(loop?: boolean): this;\n    muted_(muted?: boolean): this;\n    currentTime_(time: number): this;\n    volume_(volume: number): this;\n    play_(): this;\n    pause_(): this;\n  }\n}\nObject.assign(HTMLMediaElement.prototype, {\n  src_(src) {\n    this.src = src;\n    return this;\n  },\n  controls_(controls = true) {\n    this.controls = controls;\n    return this;\n  },\n  autoplay_(autoplay = true) {\n    this.autoplay = autoplay;\n    return this;\n  },\n  loop_(loop = true) {\n    this.loop = loop;\n    return this;\n  },\n  muted_(muted = true) {\n    this.muted = muted;\n    return this;\n  },\n  currentTime_(time) {\n    this.currentTime = time;\n    return this;\n  },\n  volume_(volume) {\n    this.volume = volume;\n    return this;\n  },\n  play_() {\n    void this.play();\n    return this;\n  },\n  pause_() {\n    this.pause();\n    return this;\n  },\n} as HTMLMediaElement);\nexport {};\n","declare global {\n  interface HTMLLabelElement {\n    for_(htmlFor: string): this;\n  }\n}\nObject.assign(HTMLLabelElement.prototype, {\n  for_(htmlFor) {\n    this.htmlFor = htmlFor;\n    return this;\n  },\n} as HTMLLabelElement);\nexport {};\n","declare global {\n  interface HTMLOptionElement {\n    value_(value: string): this;\n    selected_(selected?: boolean): this;\n    disabled_(disabled?: boolean): this;\n    label_(label: string): this;\n  }\n}\nObject.assign(HTMLOptionElement.prototype, {\n  value_(value) {\n    this.value = value;\n    return this;\n  },\n  selected_(selected = true) {\n    this.selected = selected;\n    return this;\n  },\n  disabled_(disabled = true) {\n    this.disabled = disabled;\n    return this;\n  },\n  label_(label) {\n    this.label = label;\n    return this;\n  },\n} as HTMLOptionElement);\nexport {};\n","declare global {\n  interface HTMLDetailsElement {\n    open_(open?: boolean): this;\n  }\n}\nObject.assign(HTMLDetailsElement.prototype, {\n  open_(open = true) {\n    this.open = open;\n    return this;\n  },\n} as HTMLDetailsElement);\nexport {};\n","declare global {\n  interface HTMLDialogElement {\n    open_(open?: boolean): this;\n    show_(): this;\n    showModal_(): this;\n    close_(returnValue?: string): this;\n  }\n}\nObject.assign(HTMLDialogElement.prototype, {\n  open_(open = true) {\n    this.open = open;\n    return this;\n  },\n  show_() {\n    this.show();\n    return this;\n  },\n  showModal_() {\n    this.showModal();\n    return this;\n  },\n  close_(returnValue) {\n    this.close(returnValue);\n    return this;\n  },\n} as HTMLDialogElement);\nexport {};\n","declare global {\n  interface HTMLProgressElement {\n    value_(value: number): this;\n    max_(max: number): this;\n  }\n  interface HTMLMeterElement {\n    value_(value: number): this;\n    min_(min: number): this;\n    max_(max: number): this;\n    low_(low: number): this;\n    high_(high: number): this;\n    optimum_(optimum: number): this;\n  }\n}\nObject.assign(HTMLProgressElement.prototype, {\n  value_(value) {\n    this.value = value;\n    return this;\n  },\n  max_(max) {\n    this.max = max;\n    return this;\n  },\n} as HTMLProgressElement);\nObject.assign(HTMLMeterElement.prototype, {\n  value_(value) {\n    this.value = value;\n    return this;\n  },\n  min_(min) {\n    this.min = min;\n    return this;\n  },\n  max_(max) {\n    this.max = max;\n    return this;\n  },\n  low_(low) {\n    this.low = low;\n    return this;\n  },\n  high_(high) {\n    this.high = high;\n    return this;\n  },\n  optimum_(optimum) {\n    this.optimum = optimum;\n    return this;\n  },\n} as HTMLMeterElement);\nexport {};\n","import './core/init.js';\n\nexport const h = <T extends keyof HTMLElementTagNameMap>(tag: T): HTMLElementTagNameMap[T] =>\n  document.createElement(tag);\nexport const div = () => document.createElement('div');\nexport const span = () => document.createElement('span');\nexport const section = () => document.createElement('section');\nexport const p = () => document.createElement('p');\nexport const input = () => document.createElement('input');\nexport const textarea = () => document.createElement('textarea');\nexport const btn = () => document.createElement('button');\nexport const select = (options: Array<{ value: any; label: string }>) =>\n  document.createElement('select').options_(options);\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zed-gpui",
-  "version": "0.0.2",
+  "version": "0.2.1",
   "author": {
     "name": "Kasukabe Tsumugi",
     "email": "futami16237@gmail.com"
@@ -10,8 +10,8 @@
   },
   "type": "module",
   "purpose": "npm",
-  "description": "zed-div is a functional web front-end framework similar to gpui, which enhances the HTMLElement prototype to implement its functionality",
-  "description_zh": "zed-div 是一个写法类似 gpui 的函数式 web 前端框架，通过增强HTMLElement原型实现其功能",
+  "description": "zed-gpui is a functional web front-end framework with gpui-inspired syntax, which enhances the HTMLElement prototype to implement its functionality",
+  "description_zh": "zed-gpui 是一个采用 gpui 风格语法的函数式 web 前端框架，通过增强 HTMLElement 原型实现能力",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",