@neumorphism-ui/elements 1.0.0-next.0 → 1.0.0-next.2

package/dist/ssr.js

@@ -2,15 +2,24 @@ import { avatarDef } from './components/avatar/avatar.def.js';
 import { badgeDef } from './components/badge/badge.def.js';
 import { buttonDef } from './components/button/button.def.js';
 import { buttonGroupDef } from './components/button-group/button-group.def.js';
+import { checkboxDef } from './components/checkbox/checkbox.def.js';
 import { dividerDef } from './components/divider/divider.def.js';
 import { iconDef } from './components/icon/icon.def.js';
 import { iconButtonDef } from './components/icon-button/icon-button.def.js';
+import { numberFieldDef } from './components/number-field/number-field.def.js';
+import { optionDef } from './components/option/option.def.js';
+import { radioDef } from './components/radio/radio.def.js';
+import { radioGroupDef } from './components/radio-group/radio-group.def.js';
+import { selectDef } from './components/select/select.def.js';
+import { sliderDef } from './components/slider/slider.def.js';
 import { spinnerDef } from './components/spinner/spinner.def.js';
 import { surfaceDef } from './components/surface/surface.def.js';
 import { switchDef } from './components/switch/switch.def.js';
 import { textFieldDef } from './components/text-field/text-field.def.js';
+import { textareaDef } from './components/textarea/textarea.def.js';
 import { parseProps } from './core/props.js';
 export { formDefaultProp } from './core/define.js';
+export { optionLabel } from './components/option/option-data.js';
 export { attributeName, coerceProperty, parseAttribute, parseProps, serializeAttribute, } from './core/props.js';
 /** Every component definition by tag. DOM-free: safe to import in Node. */
 export const definitions = /* @__PURE__ */ new Map([
@@ -18,24 +27,35 @@ export const definitions = /* @__PURE__ */ new Map([
     [badgeDef.tag, badgeDef],
     [buttonDef.tag, buttonDef],
     [buttonGroupDef.tag, buttonGroupDef],
+    [checkboxDef.tag, checkboxDef],
     [dividerDef.tag, dividerDef],
     [iconDef.tag, iconDef],
     [iconButtonDef.tag, iconButtonDef],
+    [numberFieldDef.tag, numberFieldDef],
+    [optionDef.tag, optionDef],
+    [radioDef.tag, radioDef],
+    [radioGroupDef.tag, radioGroupDef],
+    [selectDef.tag, selectDef],
+    [sliderDef.tag, sliderDef],
     [spinnerDef.tag, spinnerDef],
     [surfaceDef.tag, surfaceDef],
     [switchDef.tag, switchDef],
     [textFieldDef.tag, textFieldDef],
+    [textareaDef.tag, textareaDef],
 ]);
 /** Inner HTML of a declarative shadow root: inline styles, then the template. */
-export function renderShadowContents(def, attrs) {
+export function renderShadowContents(def, attrs, ctx) {
     const props = parseProps(def.props, (name) => (Object.hasOwn(attrs, name) ? attrs[name] : null));
-    return `<style data-neu-ssr>${def.styles}</style>${def.template(props).value}`;
+    return `<style data-neu-ssr>${def.styles}</style>${def.template(props, ctx).value}`;
 }
-/** The `<template shadowrootmode>` for one element, or '' for tags this library does not own. */
-export function renderDSD(tag, attrs) {
+/**
+ * The `<template shadowrootmode>` for one element, or '' for tags this library does not own.
+ * `ctx` carries what the attributes cannot, such as the options of a select (spec §8.2).
+ */
+export function renderDSD(tag, attrs, ctx) {
     const def = definitions.get(tag.toLowerCase());
     if (!def)
         return '';
     const delegates = def.delegatesFocus ? ' shadowrootdelegatesfocus' : '';
-    return `<template shadowrootmode="open"${delegates}>${renderShadowContents(def, attrs)}</template>`;
+    return `<template shadowrootmode="open"${delegates}>${renderShadowContents(def, attrs, ctx)}</template>`;
 }

package/dist/textarea.d.ts

@@ -0,0 +1,3 @@
+import { NeuTextarea } from './components/textarea/textarea.js';
+export { NeuTextarea };
+export { textareaDef } from './components/textarea/textarea.def.js';

package/dist/textarea.js

@@ -0,0 +1,4 @@
+import { NeuTextarea } from './components/textarea/textarea.js';
+NeuTextarea.define();
+export { NeuTextarea };
+export { textareaDef } from './components/textarea/textarea.def.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neumorphism-ui/elements",
-  "version": "1.0.0-next.0",
+  "version": "1.0.0-next.2",
   "description": "Neumorphism UI web components",
   "license": "MIT",
   "type": "module",
@@ -32,6 +32,10 @@
       "types": "./dist/button-group.d.ts",
       "default": "./dist/button-group.js"
     },
+    "./checkbox.js": {
+      "types": "./dist/checkbox.d.ts",
+      "default": "./dist/checkbox.js"
+    },
     "./icon-button.js": {
       "types": "./dist/icon-button.d.ts",
       "default": "./dist/icon-button.js"
@@ -48,6 +52,30 @@
       "types": "./dist/icons.d.ts",
       "default": "./dist/icons.js"
     },
+    "./number-field.js": {
+      "types": "./dist/number-field.d.ts",
+      "default": "./dist/number-field.js"
+    },
+    "./option.js": {
+      "types": "./dist/option.d.ts",
+      "default": "./dist/option.js"
+    },
+    "./radio.js": {
+      "types": "./dist/radio.d.ts",
+      "default": "./dist/radio.js"
+    },
+    "./radio-group.js": {
+      "types": "./dist/radio-group.d.ts",
+      "default": "./dist/radio-group.js"
+    },
+    "./select.js": {
+      "types": "./dist/select.d.ts",
+      "default": "./dist/select.js"
+    },
+    "./slider.js": {
+      "types": "./dist/slider.d.ts",
+      "default": "./dist/slider.js"
+    },
     "./spinner.js": {
       "types": "./dist/spinner.d.ts",
       "default": "./dist/spinner.js"
@@ -60,6 +88,10 @@
       "types": "./dist/switch.d.ts",
       "default": "./dist/switch.js"
     },
+    "./textarea.js": {
+      "types": "./dist/textarea.d.ts",
+      "default": "./dist/textarea.js"
+    },
     "./text-field.js": {
       "types": "./dist/text-field.d.ts",
       "default": "./dist/text-field.js"
@@ -81,13 +113,21 @@
     "./dist/badge.js",
     "./dist/button.js",
     "./dist/button-group.js",
+    "./dist/checkbox.js",
     "./dist/divider.js",
     "./dist/icon.js",
     "./dist/icon-button.js",
+    "./dist/number-field.js",
+    "./dist/option.js",
+    "./dist/radio.js",
+    "./dist/radio-group.js",
+    "./dist/select.js",
+    "./dist/slider.js",
     "./dist/spinner.js",
     "./dist/surface.js",
     "./dist/switch.js",
     "./dist/text-field.js",
+    "./dist/textarea.js",
     "./dist/all.js",
     "./cdn/neu.min.js"
   ],