rip-lang 3.13.92 → 3.13.94

package/docs/ui/editable-value.rip

@@ -1,80 +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 := false
-
-  editing := false
-  saving := false
-
-  _onEdit: ->
-    return if @disabled
-    editing = true
-    requestAnimationFrame => @_position()
-
-  _onSave: ->
-    return if saving
-    saving = true
-    @emit 'save'
-
-  _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()
-
-  ~>
-    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 := ''
-  @description := ''
-  @error := ''
-  @disabled := false
-  @required := 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 := ''
-  @disabled := 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 := 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