rip-lang 3.15.4 → 3.16.1

package/docs/ui/dialog.rip

@@ -1,60 +0,0 @@
-# Dialog — accessible headless modal dialog
-#
-# Native `<dialog>` variant that uses `showModal()` for top-layer modality.
-# Restores focus to the previously focused element on close.
-# Auto-wires aria-labelledby (first h1-h6) and aria-describedby (first p).
-#
-# Exposes $open on the backdrop. Ships zero CSS.
-#
-# Usage:
-#   Dialog open <=> showDialog, @close: handleClose
-#     h2 "Title"
-#     p "Content"
-#     button @click: (=> showDialog = false), "Close"
-
-export Dialog = component
-  @open:: boolean := false
-  @dismissable:: boolean := true
-  @initialFocus:: any := null
-
-  _id =! "dlg-#{Math.random().toString(36).slice(2, 8)}"
-
-  ~>
-    ARIA.bindDialog @open, (=> @_dialog), ((isOpen) =>
-      if not isOpen and @open
-        @open = false
-        @emit 'close'
-    ), @dismissable
-
-  ~>
-    if @open
-      ARIA.lockScroll(this)
-      requestAnimationFrame =>
-        panel = @_dialog
-        if panel
-          ARIA.wireAria panel, _id
-          if @initialFocus
-            target = if typeof @initialFocus is 'string' then panel.querySelector(@initialFocus) else @initialFocus
-            target?.focus()
-          else
-            panel.querySelectorAll('a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])')?[0]?.focus()
-      return ->
-        ARIA.unlockScroll(this)
-
-  close: ->
-    @open = false
-    @emit 'close'
-
-  onKeydown: (e) ->
-    if e.key is 'Escape'
-      e.preventDefault()
-      @close() if @dismissable
-
-  onBackdropClick: (e) ->
-    if e.target is e.currentTarget and @dismissable
-      @_dialog?.close()
-
-  render
-    dialog ref: "_dialog", @click: @onBackdropClick, @keydown: @onKeydown
-      $open: @open?!
-      slot

package/docs/ui/drawer.rip

@@ -1,58 +0,0 @@
-# Drawer — accessible headless slide-out panel
-#
-# A Dialog variant that slides from an edge of the screen.
-# Supports dismiss on escape, click-outside, and optional swipe-to-close.
-# Ships zero CSS.
-#
-# Usage:
-#   Drawer open <=> showDrawer, side: "right"
-#     h2 "Settings"
-#     p "Panel content here"
-
-export Drawer = component
-  @open:: boolean := false
-  @side:: "top" | "right" | "bottom" | "left" := "right"
-  @dismissable:: boolean := true
-
-  _prevFocus = null
-  _id =! "drw-#{Math.random().toString(36).slice(2, 8)}"
-
-  ~>
-    ARIA.bindDialog @open, (=> @_dialog), ((isOpen) =>
-      if not isOpen and @open
-        @open = false
-        @emit 'close'
-    ), @dismissable
-
-  ~>
-    if @open
-      _prevFocus = document.activeElement
-      ARIA.lockScroll(this)
-      requestAnimationFrame =>
-        panel = @_dialog
-        if panel
-          ARIA.wireAria panel, _id
-          panel.querySelectorAll('a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])')?[0]?.focus()
-      return ->
-        ARIA.unlockScroll(this)
-        _prevFocus?.focus()
-
-  close: ->
-    @open = false
-    @emit 'close'
-
-  onKeydown: (e) ->
-    if e.key is 'Escape' and @dismissable
-      e.preventDefault()
-      @close()
-
-  onBackdropClick: (e) ->
-    if e.target is e.currentTarget and @dismissable
-      @_dialog?.close()
-
-  render
-    dialog ref: "_dialog", $open: @open?!, $side: @side
-      @click: @onBackdropClick
-      @keydown: @onKeydown
-      $side: @side
-      slot

package/docs/ui/editable-value.rip

@@ -1,82 +0,0 @@
-# EditableValue — accessible headless inline editable value
-#
-# Displays a value with an edit trigger. Clicking opens a popover form.
-# Emits 'save' on submit. Ships zero CSS.
-#
-# Usage:
-#   EditableValue @save: handleSave
-#     span $display: true
-#       "John Doe"
-#     div $editor: true
-#       input type: "text", value: name, @input: (e) => name = e.target.value
-
-export EditableValue = component
-  @disabled:: boolean := false
-
-  editing := false
-  saving := false
-
-  _onEdit: ->
-    return if @disabled
-    editing = true
-    requestAnimationFrame => @_position()
-
-  _onSave: ->
-    return if saving
-    saving = true
-    @emit 'save'
-    @close()
-
-  _onCancel: ->
-    editing = false
-    saving = false
-
-  close: ->
-    editing = false
-    saving = false
-
-  setSaving: (val) -> saving = val
-
-  _position: ->
-    display = @_root?.querySelector('[data-display]')
-    editor = @_root?.querySelector('[data-editor]')
-    return unless display and editor
-    @_root.style.position = 'relative'
-    dr = display.getBoundingClientRect()
-    cr = @_root.getBoundingClientRect()
-    editor.style.position = 'absolute'
-    editor.style.left = "0px"
-    editor.style.top = "#{dr.bottom - cr.top + 4}px"
-    editor.style.zIndex = '50'
-    editor.querySelector('input, textarea, select')?.focus()
-
-  ~>
-    _editing = editing                                 # track before any early return
-    display = @_root?.querySelector('[data-display]')
-    editor = @_root?.querySelector('[data-editor]')
-    return unless display and editor
-    editor.hidden = not _editing
-    if _editing
-      editor.setAttribute 'data-open', ''
-      onDown = (e) =>
-        unless @_root?.contains(e.target)
-          @_onCancel()
-      document.addEventListener 'mousedown', onDown
-      return -> document.removeEventListener 'mousedown', onDown
-    else
-      editor.removeAttribute 'data-open'
-
-  onKeydown: (e) ->
-    if e.key is 'Escape' and editing
-      e.preventDefault()
-      @_onCancel()
-    if e.key is 'Enter' and editing
-      e.preventDefault()
-      @_onSave()
-
-  render
-    div ref: "_root", $editing: editing?!, $disabled: @disabled?!, $saving: saving?!
-      slot
-      unless editing
-        button $edit-trigger: true, aria-label: "Edit", @click: @_onEdit
-          "✎"

package/docs/ui/field.rip

@@ -1,53 +0,0 @@
-# Field — accessible headless form field wrapper
-#
-# Associates a label, description, and error message with a form control.
-# Generates linked IDs for aria-labelledby/describedby/errormessage.
-# Ships zero CSS.
-#
-# Usage:
-#   Field label: "Email", error: errors.email
-#     Input value <=> email, type: "email"
-
-export Field = component
-  @label:: string := ""
-  @description:: string := ""
-  @error:: string := ""
-  @disabled:: boolean := false
-  @required:: boolean := false
-
-  _id =! "fld-#{Math.random().toString(36).slice(2, 8)}"
-
-  mounted: ->
-    ctrl = @_root?.querySelector('input, select, textarea, button, [role]')
-    if ctrl
-      ctrl.setAttribute 'aria-labelledby', "#{_id}-label" if @label
-      ctrl.setAttribute 'aria-describedby', "#{_id}-desc" if @description
-      ctrl.setAttribute 'aria-errormessage', "#{_id}-err" if @error
-      ctrl.setAttribute 'aria-invalid', true if @error
-      ctrl.setAttribute 'aria-required', true if @required
-
-  ~>
-    ctrl = @_root?.querySelector('input, select, textarea, button, [role]')
-    return unless ctrl
-    if @error
-      ctrl.setAttribute 'aria-invalid', true
-      ctrl.setAttribute 'aria-errormessage', "#{_id}-err"
-    else
-      ctrl.removeAttribute 'aria-invalid'
-      ctrl.removeAttribute 'aria-errormessage'
-
-  render
-    div $disabled: @disabled?!, $invalid: @error?!
-      if @label
-        label id: "#{_id}-label", $label: true
-          @label
-          if @required
-            span $required: true, aria-hidden: "true"
-              " *"
-      slot
-      if @description and not @error
-        div id: "#{_id}-desc", $description: true
-          @description
-      if @error
-        div id: "#{_id}-err", role: "alert", $error: true
-          @error

package/docs/ui/fieldset.rip

@@ -1,22 +0,0 @@
-# Fieldset — accessible headless fieldset with legend
-#
-# Groups related fields with an optional legend. Disables all children
-# when @disabled is set. Ships zero CSS.
-#
-# Usage:
-#   Fieldset legend: "Shipping Address"
-#     Field label: "Street"
-#       Input value <=> street
-#     Field label: "City"
-#       Input value <=> city
-
-export Fieldset = component
-  @legend:: string := ""
-  @disabled:: boolean := false
-
-  render
-    fieldset disabled: @disabled, $disabled: @disabled?!
-      if @legend
-        legend $legend: true
-          @legend
-      slot

package/docs/ui/form.rip

@@ -1,39 +0,0 @@
-# Form — accessible headless form with validation and submission
-#
-# Wraps native <form> with submit handling, validation state, and
-# loading indicator support. Prevents default submission and emits
-# a 'submit' event. Ships zero CSS.
-#
-# Usage:
-#   Form @submit: handleSubmit
-#     Field label: "Name"
-#       Input value <=> name
-#     Button
-#       "Submit"
-
-export Form = component
-  @disabled:: boolean := false
-
-  submitting := false
-  submitted := false
-  errors := {}
-
-  _onSubmit: (e) ->
-    e.preventDefault()
-    return if @disabled or submitting
-    submitting = true
-    submitted = true
-    @emit 'submit', { form: e.target }
-
-  setErrors: (errs) ->
-    errors = errs or {}
-
-  setSubmitting: (val) ->
-    submitting = val
-
-  render
-    form @submit: @_onSubmit, novalidate: true
-      $disabled: @disabled?!
-      $submitting: submitting?!
-      $submitted: submitted?!
-      slot