@nubisco/ui 5.31.0 → 5.32.0

package/src/styles/_theme.scss

@@ -636,9 +636,11 @@
     --nb-shell-menu-color: var(--nb-shell-chrome-color);
     --nb-shell-menu-border: var(--nb-shell-chrome-border);
     --nb-shell-body-bg: var(--nb-shell-chrome-bg);
-    // The page ground behind the main region. Kept separate from the chrome:
-    // a branded topbar usually sits above an unbranded page.
-    --nb-shell-main-bg: var(--nb-c-surface);
+    // --nb-shell-main-bg, the page ground behind the main region, is
+    // deliberately NOT declared here. Its default is the main region's own
+    // layer-0 surface, and that can only be resolved on the element (see
+    // `.nb-shell__main` in Shell.vue): declared at :root it froze to layer 1.
+    // A product still overrides it on :root as before, to any value.
     --nb-shell-inspector-width: calc(var(--nb-base-unit) * 70); // 560px
     --nb-shell-inspector-expanded-width: 50vw;
     // Ceiling for a visible inspector, whatever set its width (a size preset,
@@ -885,6 +887,44 @@
     --nb-c-secondary-hover: #{colors.get-color('nouveau-gray', 650)};
     --nb-c-secondary-active: #{colors.get-color('nouveau-gray', 600)};
 
+    // Readable foregrounds for the fills this block moves. A colour and its
+    // `-a11y` travel together (the rule `_theme-api.scss` enforces for named
+    // themes), and here they had come apart: the dark primary hover and
+    // active, info and danger kept the white chosen for their LIGHT step and
+    // measured 3.01 to 3.82:1. color-contrast() picks whichever of white and
+    // near-black reads better, exactly as the light ramp does.
+    --nb-c-primary-hover-a11y: #{colors.color-contrast(
+        colors.get-color('grape-hyacinth', 350)
+      )};
+    --nb-c-primary-active-a11y: #{colors.color-contrast(
+        colors.get-color('grape-hyacinth', 300)
+      )};
+    --nb-c-success-a11y: #{colors.color-contrast(
+        colors.get-color('emerald-reflection', 500)
+      )};
+    --nb-c-info-a11y: #{colors.color-contrast(
+        colors.get-color('the-blues-brothers', 400)
+      )};
+    --nb-c-warning-a11y: #{colors.color-contrast(
+        colors.get-color('phoenix-flames', 400)
+      )};
+    --nb-c-danger-a11y: #{colors.color-contrast(
+        colors.get-color('chicken-comb', 400)
+      )};
+
+    // Ink lift: how far each semantic colour moves toward white when it is
+    // drawn as text or an outline straight onto a dark layer (an outlined
+    // button, a drop-zone label). See `logic/_ink.scss`. Each value is the
+    // smallest whole lift that clears WCAG AA on all four dark layers and on
+    // the 14% pressed wash, plus two points of margin. The light theme
+    // declares none, so ink there is the colour itself.
+    --nb-c-primary-ink-lift: 48%;
+    --nb-c-secondary-ink-lift: 56%;
+    --nb-c-success-ink-lift: 21%;
+    --nb-c-info-ink-lift: 43%;
+    --nb-c-warning-ink-lift: 6%;
+    --nb-c-danger-ink-lift: 46%;
+
     // Component states
     --nb-c-component-inactive: #{colors.get-color('nouveau-gray', 500)};
     --nb-c-component-active: #{colors.get-color('nouveau-gray', 400)};

package/src/styles/logic/_ink.scss

@@ -0,0 +1,34 @@
+/// A semantic colour drawn as ink: text, an outline or an icon set directly on a
+/// surface, with no fill of its own behind it.
+///
+/// The semantic colours (`--nb-c-primary`, `--nb-c-secondary`, ...) are picked
+/// first as FILLS, with their `-a11y` foreground on top. Drawn straight onto a
+/// surface they are a different pair, and in the dark theme several of them do
+/// not survive it: the dark secondary is a mid grey chosen to carry white text,
+/// and as the label of an outlined button it measured 1.21:1 to 2.15:1 against
+/// the four dark layers.
+///
+/// So ink lifts the colour toward white by `--nb-c-<variant>-ink-lift`. The
+/// light theme does not declare the lift, so the fallback of 0% returns the
+/// colour unchanged and light mode is pixel-identical. The dark theme declares
+/// one per variant, each the smallest lift that clears WCAG AA (4.5:1) on all
+/// four dark layers and on the 14% wash an outlined button paints when pressed.
+/// `tests/inkContrast.test.ts` measures it.
+///
+/// The mix is resolved on the element that paints, not at `:root`, so a product
+/// that re-points `--nb-c-primary` (on `:root` or on a themed subtree) gets ITS
+/// primary lifted, never the library's. A named theme that sets its own dark
+/// colour for a variant resets that variant's lift to 0%, because it chose that
+/// colour for contrast already (see `theme()` in `_theme-api.scss`).
+///
+/// @param {String} $variant - primary, secondary, success, info, warning or danger
+/// @return {String} a `color-mix()` expression
+/// @access public
+/// @group @nubisco/colors
+@function ink($variant) {
+  @return color-mix(
+    in srgb,
+    var(--nb-c-#{$variant}),
+    var(--nb-c-white) var(--nb-c-#{$variant}-ink-lift, 0%)
+  );
+}

package/dist/Card-BqIF-svL.js

@@ -1,78 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
-import { t } from "./Icon-rREAqsu0.js";
-import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, mergeProps as u, openBlock as d, renderSlot as f, resolveDynamicComponent as p, toDisplayString as m, withCtx as h } from "vue";
-//#region src/components/Card.vue?vue&type=script&setup=true&lang.ts
-var g = {
-	key: 0,
-	class: "nb-card__icon"
-}, _ = { class: "nb-card__head" }, v = { class: "nb-card__title" }, y = {
-	key: 0,
-	class: "nb-card__subtitle"
-}, b = {
-	key: 1,
-	class: "nb-card__body"
-}, x = {
-	key: 2,
-	class: "nb-card__footer"
-}, S = /* @__PURE__ */ e(/* @__PURE__ */ l({
-	__name: "Card",
-	props: {
-		title: { default: "" },
-		subtitle: { default: "" },
-		icon: { default: void 0 },
-		href: { default: void 0 },
-		target: { default: void 0 },
-		clickable: {
-			type: Boolean,
-			default: !1
-		},
-		selected: {
-			type: Boolean,
-			default: !1
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: ["select"],
-	setup(e, { emit: l }) {
-		let S = e, C = l, w = n(() => !!S.href && !S.disabled), T = n(() => (w.value || S.clickable) && !S.disabled), E = n(() => w.value ? "a" : (S.clickable, "div")), D = n(() => w.value ? {
-			href: S.href,
-			target: S.target,
-			rel: S.target === "_blank" ? "noopener" : void 0
-		} : S.clickable && !S.disabled ? {
-			role: "button",
-			tabindex: 0,
-			"aria-pressed": S.selected ? !0 : void 0
-		} : {});
-		function O() {
-			!S.clickable || S.disabled || w.value || C("select");
-		}
-		function k(e) {
-			!S.clickable || S.disabled || w.value || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), C("select"));
-		}
-		return (n, l) => (d(), r(p(E.value), u({ class: ["nb-card", {
-			"nb-card--interactive": T.value,
-			"nb-card--selected": e.selected,
-			"nb-card--disabled": e.disabled
-		}] }, D.value, {
-			onClick: O,
-			onKeydown: k
-		}), {
-			default: h(() => [
-				e.icon || n.$slots.icon ? (d(), a("div", g, [f(n.$slots, "icon", {}, () => [c(t, {
-					name: e.icon,
-					size: 20,
-					"aria-hidden": "true"
-				}, null, 8, ["name"])], !0)])) : i("", !0),
-				o("div", _, [o("span", v, [f(n.$slots, "title", {}, () => [s(m(e.title), 1)], !0)]), e.subtitle || n.$slots.subtitle ? (d(), a("span", y, [f(n.$slots, "subtitle", {}, () => [s(m(e.subtitle), 1)], !0)])) : i("", !0)]),
-				n.$slots.default ? (d(), a("div", b, [f(n.$slots, "default", {}, void 0, !0)])) : i("", !0),
-				n.$slots.footer ? (d(), a("div", x, [f(n.$slots, "footer", {}, void 0, !0)])) : i("", !0)
-			]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), [["__scopeId", "data-v-2a7f84df"]]);
-//#endregion
-export { S as t };

package/dist/Card-Xmv6oz9a.cjs

@@ -1 +0,0 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`);let n=require(`vue`);var r={key:0,class:`nb-card__icon`},i={class:`nb-card__head`},a={class:`nb-card__title`},o={key:0,class:`nb-card__subtitle`},s={key:1,class:`nb-card__body`},c={key:2,class:`nb-card__footer`},l=(0,n.defineComponent)({__name:`Card`,props:{title:{default:``},subtitle:{default:``},icon:{default:void 0},href:{default:void 0},target:{default:void 0},clickable:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:[`select`],setup(e,{emit:l}){let u=e,d=l,f=(0,n.computed)(()=>!!u.href&&!u.disabled),p=(0,n.computed)(()=>(f.value||u.clickable)&&!u.disabled),m=(0,n.computed)(()=>f.value?`a`:(u.clickable,`div`)),h=(0,n.computed)(()=>f.value?{href:u.href,target:u.target,rel:u.target===`_blank`?`noopener`:void 0}:u.clickable&&!u.disabled?{role:`button`,tabindex:0,"aria-pressed":u.selected?!0:void 0}:{});function g(){!u.clickable||u.disabled||f.value||d(`select`)}function _(e){!u.clickable||u.disabled||f.value||e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),d(`select`))}return(l,u)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(m.value),(0,n.mergeProps)({class:[`nb-card`,{"nb-card--interactive":p.value,"nb-card--selected":e.selected,"nb-card--disabled":e.disabled}]},h.value,{onClick:g,onKeydown:_}),{default:(0,n.withCtx)(()=>[e.icon||l.$slots.icon?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,r,[(0,n.renderSlot)(l.$slots,`icon`,{},()=>[(0,n.createVNode)(t.t,{name:e.icon,size:20,"aria-hidden":`true`},null,8,[`name`])],!0)])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,i,[(0,n.createElementVNode)(`span`,a,[(0,n.renderSlot)(l.$slots,`title`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(e.title),1)],!0)]),e.subtitle||l.$slots.subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,o,[(0,n.renderSlot)(l.$slots,`subtitle`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(e.subtitle),1)],!0)])):(0,n.createCommentVNode)(``,!0)]),l.$slots.default?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,s,[(0,n.renderSlot)(l.$slots,`default`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0),l.$slots.footer?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,c,[(0,n.renderSlot)(l.$slots,`footer`,{},void 0,!0)])):(0,n.createCommentVNode)(``,!0)]),_:3},16,[`class`]))}}),u=e.t(l,[[`__scopeId`,`data-v-2a7f84df`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});

package/dist/ProgressBar-DPMCRM1f.cjs

@@ -1 +0,0 @@
-const e=require(`./chunk-D-qHiVGv.cjs`),t=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),n=require(`./Icon-C8R_r_In.cjs`),r=require(`./Label-CVCNXFn1.cjs`),i=require(`./Message-VfpaGblO.cjs`);let a=require(`vue`),o=require(`@nubisco/ui/icons/warning-circle`);o=e.n(o);let s=require(`@nubisco/ui/icons/check-circle`);s=e.n(s);var c=function(e){return e.Small=`sm`,e.Medium=`md`,e}(c||{}),l=function(e){return e.Active=`active`,e.Finished=`finished`,e.Error=`error`,e}(l||{}),u={key:0,class:`nb-progress-bar__header`},d=[`aria-label`,`aria-valuemax`,`aria-valuenow`],f=(0,a.defineComponent)({__name:`ProgressBar`,props:{value:{default:void 0},max:{default:100},helper:{default:void 0},size:{default:c.Medium},status:{default:l.Active},id:{default:`progress-bar`},label:{}},setup(e){let t=e,c=(0,a.computed)(()=>t.value==null&&t.status===l.Active),f=(0,a.computed)(()=>t.status===l.Active?t.value==null||t.max<=0?0:Math.min(Math.max(t.value/t.max,0),1):1),p=(0,a.computed)(()=>c.value?void 0:f.value*t.max),m=(0,a.computed)(()=>[`nb-progress-bar`,`nb-progress-bar--${t.size}`,`nb-progress-bar--${t.status}`,{"nb-progress-bar--indeterminate":c.value}]),h=(0,a.computed)(()=>({transform:`scaleX(${f.value})`})),g=(0,a.computed)(()=>t.status===l.Finished?s:t.status===l.Error?o:null),_=(0,a.computed)(()=>t.status===l.Error?i.n.Error:i.n.Helper);return(t,o)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{class:(0,a.normalizeClass)(m.value)},[e.label?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,u,[(0,a.createVNode)(r.t,null,{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(e.label),1)]),_:1}),g.value?((0,a.openBlock)(),(0,a.createBlock)(n.t,{key:0,name:g.value,size:14,class:`nb-progress-bar__status-icon`},null,8,[`name`])):(0,a.createCommentVNode)(``,!0)])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,{class:`nb-progress-bar__track`,role:`progressbar`,"aria-label":e.label,"aria-valuemin":`0`,"aria-valuemax":e.max,"aria-valuenow":p.value},[(0,a.createElementVNode)(`div`,{class:`nb-progress-bar__bar`,style:(0,a.normalizeStyle)(h.value)},null,4)],8,d),e.helper?((0,a.openBlock)(),(0,a.createBlock)(i.t,{key:1,variant:_.value,class:`nb-progress-bar__message`},{default:(0,a.withCtx)(()=>[(0,a.createTextVNode)((0,a.toDisplayString)(e.helper),1)]),_:1},8,[`variant`])):(0,a.createCommentVNode)(``,!0)],2))}}),p=t.t(f,[[`__scopeId`,`data-v-5c8dd315`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});

package/dist/TextInput-DmCYZgG0.cjs

@@ -1,2 +0,0 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Grid-D8c0StGs.cjs`),n=require(`./Label-CVCNXFn1.cjs`),r=require(`./Message-VfpaGblO.cjs`);let i=require(`vue`);var a={key:0,class:`nb-text-input__overlay-wrap`},o=[`innerHTML`],s=[`id`,`value`,`placeholder`,`disabled`,`readonly`,`name`,`maxlength`],c=[`id`,`value`,`placeholder`,`disabled`,`readonly`,`name`,`maxlength`],l=[`id`,`placeholder`,`disabled`,`readonly`,`name`,`maxlength`,`rows`],u=[`id`,`type`,`placeholder`,`disabled`,`readonly`,`required`,`name`,`min`,`max`,`step`,`maxlength`],d={key:2,class:`nb-text-input__actions`},f={key:0,class:`nb-text-input__inner-header`},p=[`for`],m={key:0,class:`nb-text-input__asterisk`,"aria-hidden":`true`},h=[`id`,`type`,`placeholder`,`disabled`,`readonly`,`required`,`name`,`min`,`max`,`step`,`maxlength`],g=(0,i.defineComponent)({inheritAttrs:!1,__name:`TextInput`,props:(0,i.mergeModels)({type:{default:`text`},min:{default:void 0},max:{default:void 0},step:{default:void 0},maxlength:{default:void 0},multiline:{type:Boolean,default:!1},rows:{default:3},highlight:{type:Function,default:void 0},readonly:{type:Boolean,default:!1},placeholder:{default:``},name:{default:``},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},id:{default:void 0},label:{default:``},error:{default:``},warning:{default:``},helper:{default:``},variant:{default:`default`},size:{default:`md`}},{modelValue:{default:``},modelModifiers:{}}),emits:[`update:modelValue`],setup(e,{expose:g}){let _=e,v=(0,i.useModel)(e,`modelValue`),y=(0,i.ref)(null),b=(0,i.ref)(null);g({focus:()=>y.value?.focus(),blur:()=>y.value?.blur(),nativeEl:y});let x=(0,i.ref)(!1),S=`nb-input-${(0,i.useId)()}`,C=(0,i.computed)(()=>_.id??S),w=(0,i.computed)(()=>!!_.highlight),T=(0,i.computed)(()=>{if(!_.highlight)return``;let e=String(v.value??``);return _.highlight(e)+`
-`});function E(){b.value&&y.value&&(b.value.scrollTop=y.value.scrollTop)}(0,i.watch)(T,()=>(0,i.nextTick)(E));let D=(0,i.computed)(()=>_.error?`error`:_.warning?`warning`:`helper`),O=(0,i.computed)(()=>_.error||_.warning||_.helper||``),k=(0,i.computed)(()=>!!O.value),A=(0,i.computed)(()=>({"nb-text-input__field-wrapper--focused":x.value,"nb-text-input__field-wrapper--error":!!_.error,"nb-text-input__field-wrapper--warning":!_.error&&!!_.warning,"nb-text-input__field-wrapper--disabled":_.disabled,"nb-text-input__field-wrapper--readonly":_.readonly,"nb-text-input__field-wrapper--overlay":w.value,"nb-text-input__field-wrapper--multiline":_.multiline}));return(g,_)=>((0,i.openBlock)(),(0,i.createBlock)(t.t,{dir:`col`,class:(0,i.normalizeClass)([`nb-text-input`,`nb-text-input--${e.variant}`,`nb-text-input--${e.size}`,{"nb-text-input--multiline":e.multiline}])},{default:(0,i.withCtx)(()=>[e.variant===`default`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[g.$slots.label?(0,i.renderSlot)(g.$slots,`label`,{key:0},void 0,!0):e.label?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:1,for:C.value,required:e.required,disabled:e.disabled},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.label),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`nb-text-input__field-wrapper`,A.value])},[(0,i.renderSlot)(g.$slots,`leading`,{},void 0,!0),w.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,a,[(0,i.createElementVNode)(`div`,{ref_key:`mirrorRef`,ref:b,class:`nb-text-input__mirror`,"aria-hidden":`true`,innerHTML:T.value},null,8,o),e.multiline?((0,i.openBlock)(),(0,i.createElementBlock)(`textarea`,(0,i.mergeProps)({key:0,id:C.value,ref_key:`nativeRef`,ref:y},g.$attrs,{class:`nb-text-input__field--transparent`,value:v.value,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,name:e.name,maxlength:e.maxlength,spellcheck:`false`,autocomplete:`off`,autocorrect:`off`,onInput:_[0]||=e=>v.value=e.target.value,onFocus:_[1]||=e=>x.value=!0,onBlur:_[2]||=e=>x.value=!1,onScroll:E}),null,16,s)):((0,i.openBlock)(),(0,i.createElementBlock)(`input`,(0,i.mergeProps)({key:1,id:C.value,ref_key:`nativeRef`,ref:y},g.$attrs,{type:`text`,class:`nb-text-input__field--transparent`,value:v.value,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,name:e.name,maxlength:e.maxlength,spellcheck:`false`,onInput:_[3]||=e=>v.value=e.target.value,onFocus:_[4]||=e=>x.value=!0,onBlur:_[5]||=e=>x.value=!1}),null,16,c))])):((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[e.multiline?(0,i.withDirectives)(((0,i.openBlock)(),(0,i.createElementBlock)(`textarea`,(0,i.mergeProps)({key:0,id:C.value,ref_key:`nativeRef`,ref:y},g.$attrs,{"onUpdate:modelValue":_[6]||=e=>v.value=e,class:`nb-text-input__field`,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,name:e.name,maxlength:e.maxlength,rows:e.rows,onFocus:_[7]||=e=>x.value=!0,onBlur:_[8]||=e=>x.value=!1}),null,16,l)),[[i.vModelText,v.value]]):(0,i.withDirectives)(((0,i.openBlock)(),(0,i.createElementBlock)(`input`,(0,i.mergeProps)({key:1,id:C.value,ref_key:`nativeRef`,ref:y},g.$attrs,{"onUpdate:modelValue":_[9]||=e=>v.value=e,class:`nb-text-input__field`,type:e.type,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,required:e.required,name:e.name,min:e.min,max:e.max,step:e.step,maxlength:e.maxlength,onFocus:_[10]||=e=>x.value=!0,onBlur:_[11]||=e=>x.value=!1}),null,16,u)),[[i.vModelDynamic,v.value]])],64)),(0,i.renderSlot)(g.$slots,`trailing`,{},void 0,!0),g.$slots.actions?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,d,[(0,i.renderSlot)(g.$slots,`actions`,{},void 0,!0)])):(0,i.createCommentVNode)(``,!0)],2),k.value?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:2,variant:D.value,class:`nb-text-input__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(O.value),1)]),_:1},8,[`variant`])):(0,i.createCommentVNode)(``,!0),(0,i.renderSlot)(g.$slots,`dropdown`,{},void 0,!0)],64)):e.variant===`fluid`?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:1,class:(0,i.normalizeClass)([`nb-text-input__field-wrapper`,A.value])},[e.label||g.$slots.label?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,f,[g.$slots.label?(0,i.renderSlot)(g.$slots,`label`,{key:0},void 0,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`label`,{key:1,for:C.value,class:(0,i.normalizeClass)([`nb-text-input__inner-label`,{"nb-text-input__inner-label--required":e.required}])},[(0,i.createTextVNode)((0,i.toDisplayString)(e.label)+` `,1),e.required?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,m,`*`)):(0,i.createCommentVNode)(``,!0)],10,p)),k.value?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:2,variant:D.value,"icon-only":``,class:`nb-text-input__inner-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(O.value),1)]),_:1},8,[`variant`])):(0,i.createCommentVNode)(``,!0)])):(0,i.createCommentVNode)(``,!0),(0,i.withDirectives)((0,i.createElementVNode)(`input`,(0,i.mergeProps)({id:C.value,ref_key:`nativeRef`,ref:y},g.$attrs,{"onUpdate:modelValue":_[12]||=e=>v.value=e,class:`nb-text-input__field`,type:e.type,placeholder:e.placeholder,disabled:e.disabled,readonly:e.readonly,required:e.required,name:e.name,min:e.min,max:e.max,step:e.step,maxlength:e.maxlength,onFocus:_[13]||=e=>x.value=!0,onBlur:_[14]||=e=>x.value=!1}),null,16,h),[[i.vModelDynamic,v.value]])],2)):(0,i.createCommentVNode)(``,!0)]),_:3},8,[`class`]))}}),_=e.t(g,[[`__scopeId`,`data-v-2e908d7d`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}});

package/dist/TextInput-HwIhSOJD.js

@@ -1,295 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
-import { t } from "./Grid-XtnH-vr_.js";
-import { t as n } from "./Label-ciCAG21-.js";
-import { t as r } from "./Message-Cecz48PA.js";
-import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, nextTick as m, normalizeClass as h, openBlock as g, ref as _, renderSlot as v, toDisplayString as y, useId as b, useModel as x, vModelDynamic as S, vModelText as C, watch as w, withCtx as T, withDirectives as E } from "vue";
-//#region src/components/TextInput.vue?vue&type=script&setup=true&lang.ts
-var D = {
-	key: 0,
-	class: "nb-text-input__overlay-wrap"
-}, O = ["innerHTML"], k = [
-	"id",
-	"value",
-	"placeholder",
-	"disabled",
-	"readonly",
-	"name",
-	"maxlength"
-], A = [
-	"id",
-	"value",
-	"placeholder",
-	"disabled",
-	"readonly",
-	"name",
-	"maxlength"
-], j = [
-	"id",
-	"placeholder",
-	"disabled",
-	"readonly",
-	"name",
-	"maxlength",
-	"rows"
-], M = [
-	"id",
-	"type",
-	"placeholder",
-	"disabled",
-	"readonly",
-	"required",
-	"name",
-	"min",
-	"max",
-	"step",
-	"maxlength"
-], N = {
-	key: 2,
-	class: "nb-text-input__actions"
-}, P = {
-	key: 0,
-	class: "nb-text-input__inner-header"
-}, F = ["for"], I = {
-	key: 0,
-	class: "nb-text-input__asterisk",
-	"aria-hidden": "true"
-}, L = [
-	"id",
-	"type",
-	"placeholder",
-	"disabled",
-	"readonly",
-	"required",
-	"name",
-	"min",
-	"max",
-	"step",
-	"maxlength"
-], R = /* @__PURE__ */ e(/* @__PURE__ */ d({
-	inheritAttrs: !1,
-	__name: "TextInput",
-	props: /* @__PURE__ */ f({
-		type: { default: "text" },
-		min: { default: void 0 },
-		max: { default: void 0 },
-		step: { default: void 0 },
-		maxlength: { default: void 0 },
-		multiline: {
-			type: Boolean,
-			default: !1
-		},
-		rows: { default: 3 },
-		highlight: {
-			type: Function,
-			default: void 0
-		},
-		readonly: {
-			type: Boolean,
-			default: !1
-		},
-		placeholder: { default: "" },
-		name: { default: "" },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		required: {
-			type: Boolean,
-			default: !1
-		},
-		id: { default: void 0 },
-		label: { default: "" },
-		error: { default: "" },
-		warning: { default: "" },
-		helper: { default: "" },
-		variant: { default: "default" },
-		size: { default: "md" }
-	}, {
-		modelValue: { default: "" },
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(e, { expose: d }) {
-		let f = e, R = x(e, "modelValue"), z = _(null), B = _(null);
-		d({
-			focus: () => z.value?.focus(),
-			blur: () => z.value?.blur(),
-			nativeEl: z
-		});
-		let V = _(!1), H = `nb-input-${b()}`, U = a(() => f.id ?? H), W = a(() => !!f.highlight), G = a(() => {
-			if (!f.highlight) return "";
-			let e = String(R.value ?? "");
-			return f.highlight(e) + "\n";
-		});
-		function K() {
-			B.value && z.value && (B.value.scrollTop = z.value.scrollTop);
-		}
-		w(G, () => m(K));
-		let q = a(() => f.error ? "error" : f.warning ? "warning" : "helper"), J = a(() => f.error || f.warning || f.helper || ""), Y = a(() => !!J.value), X = a(() => ({
-			"nb-text-input__field-wrapper--focused": V.value,
-			"nb-text-input__field-wrapper--error": !!f.error,
-			"nb-text-input__field-wrapper--warning": !f.error && !!f.warning,
-			"nb-text-input__field-wrapper--disabled": f.disabled,
-			"nb-text-input__field-wrapper--readonly": f.readonly,
-			"nb-text-input__field-wrapper--overlay": W.value,
-			"nb-text-input__field-wrapper--multiline": f.multiline
-		}));
-		return (a, d) => (g(), o(t, {
-			dir: "col",
-			class: h([
-				"nb-text-input",
-				`nb-text-input--${e.variant}`,
-				`nb-text-input--${e.size}`,
-				{ "nb-text-input--multiline": e.multiline }
-			])
-		}, {
-			default: T(() => [e.variant === "default" ? (g(), c(i, { key: 0 }, [
-				a.$slots.label ? v(a.$slots, "label", { key: 0 }, void 0, !0) : e.label ? (g(), o(n, {
-					key: 1,
-					for: U.value,
-					required: e.required,
-					disabled: e.disabled
-				}, {
-					default: T(() => [u(y(e.label), 1)]),
-					_: 1
-				}, 8, [
-					"for",
-					"required",
-					"disabled"
-				])) : s("", !0),
-				l("div", { class: h(["nb-text-input__field-wrapper", X.value]) }, [
-					v(a.$slots, "leading", {}, void 0, !0),
-					W.value ? (g(), c("div", D, [l("div", {
-						ref_key: "mirrorRef",
-						ref: B,
-						class: "nb-text-input__mirror",
-						"aria-hidden": "true",
-						innerHTML: G.value
-					}, null, 8, O), e.multiline ? (g(), c("textarea", p({
-						key: 0,
-						id: U.value,
-						ref_key: "nativeRef",
-						ref: z
-					}, a.$attrs, {
-						class: "nb-text-input__field--transparent",
-						value: R.value,
-						placeholder: e.placeholder,
-						disabled: e.disabled,
-						readonly: e.readonly,
-						name: e.name,
-						maxlength: e.maxlength,
-						spellcheck: "false",
-						autocomplete: "off",
-						autocorrect: "off",
-						onInput: d[0] ||= (e) => R.value = e.target.value,
-						onFocus: d[1] ||= (e) => V.value = !0,
-						onBlur: d[2] ||= (e) => V.value = !1,
-						onScroll: K
-					}), null, 16, k)) : (g(), c("input", p({
-						key: 1,
-						id: U.value,
-						ref_key: "nativeRef",
-						ref: z
-					}, a.$attrs, {
-						type: "text",
-						class: "nb-text-input__field--transparent",
-						value: R.value,
-						placeholder: e.placeholder,
-						disabled: e.disabled,
-						readonly: e.readonly,
-						name: e.name,
-						maxlength: e.maxlength,
-						spellcheck: "false",
-						onInput: d[3] ||= (e) => R.value = e.target.value,
-						onFocus: d[4] ||= (e) => V.value = !0,
-						onBlur: d[5] ||= (e) => V.value = !1
-					}), null, 16, A))])) : (g(), c(i, { key: 1 }, [e.multiline ? E((g(), c("textarea", p({
-						key: 0,
-						id: U.value,
-						ref_key: "nativeRef",
-						ref: z
-					}, a.$attrs, {
-						"onUpdate:modelValue": d[6] ||= (e) => R.value = e,
-						class: "nb-text-input__field",
-						placeholder: e.placeholder,
-						disabled: e.disabled,
-						readonly: e.readonly,
-						name: e.name,
-						maxlength: e.maxlength,
-						rows: e.rows,
-						onFocus: d[7] ||= (e) => V.value = !0,
-						onBlur: d[8] ||= (e) => V.value = !1
-					}), null, 16, j)), [[C, R.value]]) : E((g(), c("input", p({
-						key: 1,
-						id: U.value,
-						ref_key: "nativeRef",
-						ref: z
-					}, a.$attrs, {
-						"onUpdate:modelValue": d[9] ||= (e) => R.value = e,
-						class: "nb-text-input__field",
-						type: e.type,
-						placeholder: e.placeholder,
-						disabled: e.disabled,
-						readonly: e.readonly,
-						required: e.required,
-						name: e.name,
-						min: e.min,
-						max: e.max,
-						step: e.step,
-						maxlength: e.maxlength,
-						onFocus: d[10] ||= (e) => V.value = !0,
-						onBlur: d[11] ||= (e) => V.value = !1
-					}), null, 16, M)), [[S, R.value]])], 64)),
-					v(a.$slots, "trailing", {}, void 0, !0),
-					a.$slots.actions ? (g(), c("div", N, [v(a.$slots, "actions", {}, void 0, !0)])) : s("", !0)
-				], 2),
-				Y.value ? (g(), o(r, {
-					key: 2,
-					variant: q.value,
-					class: "nb-text-input__message"
-				}, {
-					default: T(() => [u(y(J.value), 1)]),
-					_: 1
-				}, 8, ["variant"])) : s("", !0),
-				v(a.$slots, "dropdown", {}, void 0, !0)
-			], 64)) : e.variant === "fluid" ? (g(), c("div", {
-				key: 1,
-				class: h(["nb-text-input__field-wrapper", X.value])
-			}, [e.label || a.$slots.label ? (g(), c("div", P, [a.$slots.label ? v(a.$slots, "label", { key: 0 }, void 0, !0) : (g(), c("label", {
-				key: 1,
-				for: U.value,
-				class: h(["nb-text-input__inner-label", { "nb-text-input__inner-label--required": e.required }])
-			}, [u(y(e.label) + " ", 1), e.required ? (g(), c("span", I, "*")) : s("", !0)], 10, F)), Y.value ? (g(), o(r, {
-				key: 2,
-				variant: q.value,
-				"icon-only": "",
-				class: "nb-text-input__inner-message"
-			}, {
-				default: T(() => [u(y(J.value), 1)]),
-				_: 1
-			}, 8, ["variant"])) : s("", !0)])) : s("", !0), E(l("input", p({
-				id: U.value,
-				ref_key: "nativeRef",
-				ref: z
-			}, a.$attrs, {
-				"onUpdate:modelValue": d[12] ||= (e) => R.value = e,
-				class: "nb-text-input__field",
-				type: e.type,
-				placeholder: e.placeholder,
-				disabled: e.disabled,
-				readonly: e.readonly,
-				required: e.required,
-				name: e.name,
-				min: e.min,
-				max: e.max,
-				step: e.step,
-				maxlength: e.maxlength,
-				onFocus: d[13] ||= (e) => V.value = !0,
-				onBlur: d[14] ||= (e) => V.value = !1
-			}), null, 16, L), [[S, R.value]])], 2)) : s("", !0)]),
-			_: 3
-		}, 8, ["class"]));
-	}
-}), [["__scopeId", "data-v-2e908d7d"]]);
-//#endregion
-export { R as t };