zed-gpui 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 kasukabe tsumugi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,160 @@
+# gpuj
+
+[![npm version](https://img.shields.io/npm/v/gpuj.svg)](https://www.npmjs.org/package/gpuj)
+[![npm downloads](https://img.shields.io/npm/dm/gpuj.svg)](https://www.npmjs.org/package/gpuj)
+[![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="gpuj logo" />
+</p>
+
+> A functional web front-end framework with gpui-inspired syntax
+
+gpuj 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.
+
+## Features
+
+- 🎨 **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
+- 📦 **Auto-injection** - Optional inject module for seamless DOM integration
+- 🪶 **Lightweight** - Zero dependencies, tree-shakeable
+
+## Installation
+
+```bash
+pnpm add gpuj
+```
+
+## Quick Start
+
+```typescript
+import { div, p, btn } from 'gpuj';
+
+// Create elements with chained styling
+const container = div()
+  .flex()
+  .gap('1rem')
+  .p('2rem')
+  .bg('#f0f0f0');
+
+const title = p()
+  .textSize('1.5rem')
+  .text('#333')
+  .text('Hello, gpuj!');
+
+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()
+);
+```
+
+## Auto-injection Mode
+
+For automatic `build()` calling, import the inject module:
+
+```typescript
+import 'gpuj/inject';
+import { div, p, btn } from 'gpuj';
+
+// Now you can use HTMLBuilder directly with DOM methods
+document.body.append(
+  div().flex().p('2rem'),
+  p().text('Auto-builded!')
+);
+```
+
+## API Overview
+
+### Element Creation
+
+```typescript
+div()    // <div>
+span()   // <span>
+section()// <section>
+p()      // <p>
+btn()    // <button>
+```
+
+### Layout & Display
+
+```typescript
+.flex()                    // display: flex
+.flexDirection('column')  // flex-direction
+.grid()                    // display: grid
+.gridTemplateColumns('1fr 1fr')
+.block()                   // display: block
+.hidden()                  // display: none
+```
+
+### Spacing
+
+```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)
+```
+
+### Sizing
+
+```typescript
+.w('100%')              // width
+.h('100px')            // height
+.size('50px', '50px')  // width & height
+.minW('200px')         // min-width
+.maxW('100%')          // max-width
+```
+
+### Colors & Backgrounds
+
+```typescript
+.bg('#fff')                    // background-color
+.bgImage('url(...)')           // background-image
+.text('#333')                 // color
+.borderColor('#ccc')          // border-color
+```
+
+### Typography
+
+```typescript
+.textSize('1rem')        // font-size
+.fontWeight('bold')      // font-weight
+.textAlign('center')     // text-align
+.lineHeight('1.5')       // line-height
+.truncate()              // text-overflow: ellipsis
+```
+
+### Events
+
+```typescript
+.onClick((e) => {})
+.onKeyDown((e) => {})
+.onMouseDown((e) => {})
+.onTouchStart((e) => {})
+.onDrag((e) => {})
+.onScroll((e) => {})
+.on('customEvent', handler)
+```
+
+## License
+
+MIT
+
+---
+
+**GitHub**: [baendlorel/gpuj](https://github.com/baendlorel/gpuj)

package/dist/index.d.mts

@@ -0,0 +1,202 @@
+//#region src/element.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;
+  }
+}
+//#endregion
+//#region src/index.d.ts
+declare const h: <T extends keyof HTMLElementTagNameMap>(tag: T) => HTMLElementTagNameMap[T];
+declare const div: () => HTMLDivElement;
+declare const span: () => HTMLSpanElement;
+declare const section: () => HTMLElement;
+declare const p: () => HTMLParagraphElement;
+declare const input: () => HTMLInputElement;
+declare const textarea: () => HTMLTextAreaElement;
+declare const btn: () => HTMLButtonElement;
+//#endregion
+export { btn, div, h, input, p, section, span, textarea };
+//# sourceMappingURL=index.d.mts.map

package/dist/index.mjs

@@ -0,0 +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.addEventListener(`click`,e),this},onDoubleClick(e){return this.addEventListener(`dblclick`,e),this},onMouseDown(e){return this.addEventListener(`mousedown`,e),this},onMouseUp(e){return this.addEventListener(`mouseup`,e),this},onMouseMove(e){return this.addEventListener(`mousemove`,e),this},onMouseEnter(e){return this.addEventListener(`mouseenter`,e),this},onMouseLeave(e){return this.addEventListener(`mouseleave`,e),this},onMouseOver(e){return this.addEventListener(`mouseover`,e),this},onMouseOut(e){return this.addEventListener(`mouseout`,e),this},onMouseWheel(e){return this.addEventListener(`wheel`,e),this},onKeyDown(e){return this.addEventListener(`keydown`,e),this},onKeyUp(e){return this.addEventListener(`keyup`,e),this},onKeyPress(e){return this.addEventListener(`keypress`,e),this},onFocus(e){return this.addEventListener(`focus`,e),this},onBlur(e){return this.addEventListener(`blur`,e),this},onFocusIn(e){return this.addEventListener(`focusin`,e),this},onFocusOut(e){return this.addEventListener(`focusout`,e),this},onChange(e){return this.addEventListener(`change`,e),this},onInput(e){return this.addEventListener(`input`,e),this},onSubmit(e){return this.addEventListener(`submit`,e),this},onReset(e){return this.addEventListener(`reset`,e),this},onTouchStart(e){return this.addEventListener(`touchstart`,e),this},onTouchEnd(e){return this.addEventListener(`touchend`,e),this},onTouchMove(e){return this.addEventListener(`touchmove`,e),this},onTouchCancel(e){return this.addEventListener(`touchcancel`,e),this},onDrag(e){return this.addEventListener(`drag`,e),this},onDragStart(e){return this.addEventListener(`dragstart`,e),this},onDragEnd(e){return this.addEventListener(`dragend`,e),this},onDragEnter(e){return this.addEventListener(`dragenter`,e),this},onDragLeave(e){return this.addEventListener(`dragleave`,e),this},onDragOver(e){return this.addEventListener(`dragover`,e),this},onDragDrop(e){return this.addEventListener(`drop`,e),this},onCopy(e){return this.addEventListener(`copy`,e),this},onCut(e){return this.addEventListener(`cut`,e),this},onPaste(e){return this.addEventListener(`paste`,e),this},onScroll(e){return this.addEventListener(`scroll`,e),this},onResize(e){return this.addEventListener(`resize`,e),this},onPlay(e){return this.addEventListener(`play`,e),this},onPause(e){return this.addEventListener(`pause`,e),this},onEnded(e){return this.addEventListener(`ended`,e),this},onVolumeChange(e){return this.addEventListener(`volumechange`,e),this},onAnimationStart(e){return this.addEventListener(`animationstart`,e),this},onAnimationEnd(e){return this.addEventListener(`animationend`,e),this},onAnimationIteration(e){return this.addEventListener(`animationiteration`,e),this},onTransitionEnd(e){return this.addEventListener(`transitionend`,e),this},onPointerDown(e){return this.addEventListener(`pointerdown`,e),this},onPointerUp(e){return this.addEventListener(`pointerup`,e),this},onPointerMove(e){return this.addEventListener(`pointermove`,e),this},onPointerEnter(e){return this.addEventListener(`pointerenter`,e),this},onPointerLeave(e){return this.addEventListener(`pointerleave`,e),this},onPointerCancel(e){return this.addEventListener(`pointercancel`,e),this},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};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +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    this.addEventListener('click', handler);\n    return this;\n  },\n\n  onDoubleClick(handler) {\n    this.addEventListener('dblclick', handler);\n    return this;\n  },\n\n  onMouseDown(handler) {\n    this.addEventListener('mousedown', handler);\n    return this;\n  },\n\n  onMouseUp(handler) {\n    this.addEventListener('mouseup', handler);\n    return this;\n  },\n\n  onMouseMove(handler) {\n    this.addEventListener('mousemove', handler);\n    return this;\n  },\n\n  onMouseEnter(handler) {\n    this.addEventListener('mouseenter', handler);\n    return this;\n  },\n\n  onMouseLeave(handler) {\n    this.addEventListener('mouseleave', handler);\n    return this;\n  },\n\n  onMouseOver(handler) {\n    this.addEventListener('mouseover', handler);\n    return this;\n  },\n\n  onMouseOut(handler) {\n    this.addEventListener('mouseout', handler);\n    return this;\n  },\n\n  onMouseWheel(handler) {\n    this.addEventListener('wheel', handler);\n    return this;\n  },\n\n  onKeyDown(handler) {\n    this.addEventListener('keydown', handler);\n    return this;\n  },\n\n  onKeyUp(handler) {\n    this.addEventListener('keyup', handler);\n    return this;\n  },\n\n  onKeyPress(handler) {\n    this.addEventListener('keypress', handler);\n    return this;\n  },\n\n  onFocus(handler) {\n    this.addEventListener('focus', handler);\n    return this;\n  },\n\n  onBlur(handler) {\n    this.addEventListener('blur', handler);\n    return this;\n  },\n\n  onFocusIn(handler) {\n    this.addEventListener('focusin', handler);\n    return this;\n  },\n\n  onFocusOut(handler) {\n    this.addEventListener('focusout', handler);\n    return this;\n  },\n\n  onChange(handler) {\n    this.addEventListener('change', handler);\n    return this;\n  },\n\n  onInput(handler) {\n    this.addEventListener('input', handler);\n    return this;\n  },\n\n  onSubmit(handler) {\n    this.addEventListener('submit', handler);\n    return this;\n  },\n\n  onReset(handler) {\n    this.addEventListener('reset', handler);\n    return this;\n  },\n\n  onTouchStart(handler) {\n    this.addEventListener('touchstart', handler);\n    return this;\n  },\n\n  onTouchEnd(handler) {\n    this.addEventListener('touchend', handler);\n    return this;\n  },\n\n  onTouchMove(handler) {\n    this.addEventListener('touchmove', handler);\n    return this;\n  },\n\n  onTouchCancel(handler) {\n    this.addEventListener('touchcancel', handler);\n    return this;\n  },\n\n  onDrag(handler: (event: DragEvent) => void) {\n    this.addEventListener('drag', handler);\n    return this;\n  },\n\n  onDragStart(handler: (event: DragEvent) => void) {\n    this.addEventListener('dragstart', handler);\n    return this;\n  },\n\n  onDragEnd(handler: (event: DragEvent) => void) {\n    this.addEventListener('dragend', handler);\n    return this;\n  },\n\n  onDragEnter(handler: (event: DragEvent) => void) {\n    this.addEventListener('dragenter', handler);\n    return this;\n  },\n\n  onDragLeave(handler: (event: DragEvent) => void) {\n    this.addEventListener('dragleave', handler);\n    return this;\n  },\n\n  onDragOver(handler: (event: DragEvent) => void) {\n    this.addEventListener('dragover', handler);\n    return this;\n  },\n\n  onDragDrop(handler: (event: DragEvent) => void) {\n    this.addEventListener('drop', handler);\n    return this;\n  },\n\n  onCopy(handler: (event: ClipboardEvent) => void) {\n    this.addEventListener('copy', handler);\n    return this;\n  },\n\n  onCut(handler: (event: ClipboardEvent) => void) {\n    this.addEventListener('cut', handler);\n    return this;\n  },\n\n  onPaste(handler: (event: ClipboardEvent) => void) {\n    this.addEventListener('paste', handler);\n    return this;\n  },\n\n  onScroll(handler) {\n    this.addEventListener('scroll', handler);\n    return this;\n  },\n\n  onResize(handler: (event: UIEvent) => void) {\n    this.addEventListener('resize', handler);\n    return this;\n  },\n\n  onPlay(handler) {\n    this.addEventListener('play', handler);\n    return this;\n  },\n\n  onPause(handler) {\n    this.addEventListener('pause', handler);\n    return this;\n  },\n\n  onEnded(handler) {\n    this.addEventListener('ended', handler);\n    return this;\n  },\n\n  onVolumeChange(handler) {\n    this.addEventListener('volumechange', handler);\n    return this;\n  },\n\n  onAnimationStart(handler) {\n    this.addEventListener('animationstart', handler);\n    return this;\n  },\n\n  onAnimationEnd(handler) {\n    this.addEventListener('animationend', handler);\n    return this;\n  },\n\n  onAnimationIteration(handler) {\n    this.addEventListener('animationiteration', handler);\n    return this;\n  },\n\n  onTransitionEnd(handler) {\n    this.addEventListener('transitionend', handler);\n    return this;\n  },\n\n  onPointerDown(handler) {\n    this.addEventListener('pointerdown', handler);\n    return this;\n  },\n\n  onPointerUp(handler) {\n    this.addEventListener('pointerup', handler);\n    return this;\n  },\n\n  onPointerMove(handler) {\n    this.addEventListener('pointermove', handler);\n    return this;\n  },\n\n  onPointerEnter(handler) {\n    this.addEventListener('pointerenter', handler);\n    return this;\n  },\n\n  onPointerLeave(handler) {\n    this.addEventListener('pointerleave', handler);\n    return this;\n  },\n\n  onPointerCancel(handler) {\n    this.addEventListener('pointercancel', handler);\n    return this;\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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"}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "zed-gpui",
+  "version": "0.0.1",
+  "author": {
+    "name": "Kasukabe Tsumugi",
+    "email": "futami16237@gmail.com"
+  },
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "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原型实现其功能",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.mjs"
+    },
+    "./inject": {
+      "types": "./dist/inject.d.ts",
+      "import": "./dist/inject.mjs",
+      "default": "./dist/inject.mjs"
+    }
+  },
+  "files": [
+    "dist",
+    "instruction.md"
+  ],
+  "homepage": "https://github.com/baendlorel/gpui-ts#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/baendlorel/gpui-ts",
+    "directory": "packages/main"
+  },
+  "keywords": [
+    "framework",
+    "web",
+    "gpui",
+    "typescript",
+    "javascript"
+  ],
+  "license": "MIT",
+  "scripts": {
+    "build": "tsdown"
+  }
+}