@mekari/pixel3-input 0.0.14 → 0.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -24,14 +24,13 @@ function inputConnect(state, emit, classes, formControlProp) {
24
24
  isDisabled,
25
25
  isClearable,
26
26
  rootProps: {
27
- id: idx,
28
27
  class: cx(classes.root, "group"),
29
28
  "data-is-full-width": isFullWidth,
30
29
  "data-with-clearable": isClearable,
31
30
  "data-pixel-component": "MpInput"
32
31
  },
33
32
  controlProps: {
34
- id: `${idx}-control`,
33
+ id: (formControlProp == null ? void 0 : formControlProp.value.id) || id || `${idx}-control`,
35
34
  value: modelValue,
36
35
  placeholder,
37
36
  readonly: (formControlProp == null ? void 0 : formControlProp.value.isReadOnly) || isReadOnly,
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useInputGroup
3
- } from "./chunk-4V5BHCMQ.mjs";
3
+ } from "./chunk-VSXK6JMH.mjs";
4
4
  import {
5
5
  inputGroupProps
6
6
  } from "./chunk-ZQ2NFCFA.mjs";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useInputAddon
3
- } from "./chunk-4V5BHCMQ.mjs";
3
+ } from "./chunk-VSXK6JMH.mjs";
4
4
  import {
5
5
  inputAddonProps
6
6
  } from "./chunk-ZQ2NFCFA.mjs";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useInput
3
- } from "./chunk-4V5BHCMQ.mjs";
3
+ } from "./chunk-VSXK6JMH.mjs";
4
4
  import {
5
5
  inputEmits,
6
6
  inputProps
@@ -2,7 +2,7 @@ import {
2
2
  inputAddonConnect,
3
3
  inputConnect,
4
4
  inputGroupConnect
5
- } from "./chunk-SCN2G4G4.mjs";
5
+ } from "./chunk-63ANBUSA.mjs";
6
6
  import {
7
7
  __name
8
8
  } from "./chunk-QZ7VFGWC.mjs";
package/dist/index.js CHANGED
@@ -135,14 +135,13 @@ function inputConnect(state, emit, classes, formControlProp) {
135
135
  isDisabled,
136
136
  isClearable,
137
137
  rootProps: {
138
- id: idx,
139
138
  class: (0, import_css.cx)(classes.root, "group"),
140
139
  "data-is-full-width": isFullWidth,
141
140
  "data-with-clearable": isClearable,
142
141
  "data-pixel-component": "MpInput"
143
142
  },
144
143
  controlProps: {
145
- id: `${idx}-control`,
144
+ id: (formControlProp == null ? void 0 : formControlProp.value.id) || id || `${idx}-control`,
146
145
  value: modelValue,
147
146
  placeholder,
148
147
  readonly: (formControlProp == null ? void 0 : formControlProp.value.isReadOnly) || isReadOnly,
package/dist/index.mjs CHANGED
@@ -1,15 +1,15 @@
1
1
  import {
2
2
  MpInputLeftAddon,
3
3
  MpInputRightAddon
4
- } from "./chunk-7WITXW7Y.mjs";
4
+ } from "./chunk-G4NBHX43.mjs";
5
5
  import {
6
6
  MpInputGroup
7
- } from "./chunk-QIQPVEGA.mjs";
7
+ } from "./chunk-A3P6FTEX.mjs";
8
8
  import {
9
9
  MpInput
10
- } from "./chunk-OYKPKU4Q.mjs";
11
- import "./chunk-4V5BHCMQ.mjs";
12
- import "./chunk-SCN2G4G4.mjs";
10
+ } from "./chunk-OFNVGCKW.mjs";
11
+ import "./chunk-VSXK6JMH.mjs";
12
+ import "./chunk-63ANBUSA.mjs";
13
13
  import "./chunk-ZQ2NFCFA.mjs";
14
14
  import "./chunk-QZ7VFGWC.mjs";
15
15
  export {
@@ -2,9 +2,9 @@ import {
2
2
  MpInputAddon,
3
3
  MpInputLeftAddon,
4
4
  MpInputRightAddon
5
- } from "./chunk-7WITXW7Y.mjs";
6
- import "./chunk-4V5BHCMQ.mjs";
7
- import "./chunk-SCN2G4G4.mjs";
5
+ } from "./chunk-G4NBHX43.mjs";
6
+ import "./chunk-VSXK6JMH.mjs";
7
+ import "./chunk-63ANBUSA.mjs";
8
8
  import "./chunk-ZQ2NFCFA.mjs";
9
9
  import "./chunk-QZ7VFGWC.mjs";
10
10
  export {
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  MpInputGroup
3
- } from "./chunk-QIQPVEGA.mjs";
4
- import "./chunk-4V5BHCMQ.mjs";
5
- import "./chunk-SCN2G4G4.mjs";
3
+ } from "./chunk-A3P6FTEX.mjs";
4
+ import "./chunk-VSXK6JMH.mjs";
5
+ import "./chunk-63ANBUSA.mjs";
6
6
  import "./chunk-ZQ2NFCFA.mjs";
7
7
  import "./chunk-QZ7VFGWC.mjs";
8
8
  export {
package/dist/input.js CHANGED
@@ -104,14 +104,13 @@ function inputConnect(state, emit, classes, formControlProp) {
104
104
  isDisabled,
105
105
  isClearable,
106
106
  rootProps: {
107
- id: idx,
108
107
  class: (0, import_css.cx)(classes.root, "group"),
109
108
  "data-is-full-width": isFullWidth,
110
109
  "data-with-clearable": isClearable,
111
110
  "data-pixel-component": "MpInput"
112
111
  },
113
112
  controlProps: {
114
- id: `${idx}-control`,
113
+ id: (formControlProp == null ? void 0 : formControlProp.value.id) || id || `${idx}-control`,
115
114
  value: modelValue,
116
115
  placeholder,
117
116
  readonly: (formControlProp == null ? void 0 : formControlProp.value.isReadOnly) || isReadOnly,
package/dist/input.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  MpInput
3
- } from "./chunk-OYKPKU4Q.mjs";
4
- import "./chunk-4V5BHCMQ.mjs";
5
- import "./chunk-SCN2G4G4.mjs";
3
+ } from "./chunk-OFNVGCKW.mjs";
4
+ import "./chunk-VSXK6JMH.mjs";
5
+ import "./chunk-63ANBUSA.mjs";
6
6
  import "./chunk-ZQ2NFCFA.mjs";
7
7
  import "./chunk-QZ7VFGWC.mjs";
8
8
  export {
@@ -1 +1 @@
1
- {"inputs":{"src/modules/input.props.ts":{"bytes":2122,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./input.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/input.connects.ts":{"bytes":3433,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"./input.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/input.hooks.ts":{"bytes":1465,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/input.connects.ts","kind":"import-statement","original":"./input.connects"},{"path":"./input.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/input.tsx":{"bytes":1819,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./modules/input.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true}],"format":"esm"},"src/input-group.tsx":{"bytes":1000,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"}],"format":"esm"},"src/input-addon.tsx":{"bytes":3126,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"}],"format":"esm"},"src/index.ts":{"bytes":472,"imports":[{"path":"src/input.tsx","kind":"import-statement","original":"./input"},{"path":"src/input-group.tsx","kind":"import-statement","original":"./input-group"},{"path":"src/input-addon.tsx","kind":"import-statement","original":"./input-addon"}],"format":"esm"},"src/modules/input.types.ts":{"bytes":1860,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"@mekari/pixel3-form-control","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":245},"src/input.tsx":{"bytesInOutput":1477},"src/modules/input.props.ts":{"bytesInOutput":1153},"src/modules/input.hooks.ts":{"bytesInOutput":1210},"src/modules/input.connects.ts":{"bytesInOutput":3587},"src/input-group.tsx":{"bytesInOutput":825},"src/input-addon.tsx":{"bytesInOutput":3268}},"bytes":13040},"dist/input-addon.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/input-addon.tsx","inputs":{"src/input-addon.tsx":{"bytesInOutput":3511},"src/modules/input.props.ts":{"bytesInOutput":392},"src/modules/input.hooks.ts":{"bytesInOutput":465},"src/modules/input.connects.ts":{"bytesInOutput":573}},"bytes":6152},"dist/input-group.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/input-group.tsx","inputs":{"src/input-group.tsx":{"bytesInOutput":978},"src/modules/input.props.ts":{"bytesInOutput":272},"src/modules/input.hooks.ts":{"bytesInOutput":465},"src/modules/input.connects.ts":{"bytesInOutput":460}},"bytes":3345},"dist/input.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"@mekari/pixel3-form-control","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/input.tsx","inputs":{"src/input.tsx":{"bytesInOutput":1602},"src/modules/input.props.ts":{"bytesInOutput":819},"src/modules/input.hooks.ts":{"bytesInOutput":486},"src/modules/input.connects.ts":{"bytesInOutput":2798}},"bytes":6858},"dist/modules/input.connects.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/input.connects.ts","inputs":{"src/modules/input.connects.ts":{"bytesInOutput":3837}},"bytes":4908},"dist/modules/input.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/input.hooks.ts","inputs":{"src/modules/input.hooks.ts":{"bytesInOutput":1431},"src/modules/input.connects.ts":{"bytesInOutput":3583}},"bytes":6135},"dist/modules/input.props.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/input.props.ts","inputs":{"src/modules/input.props.ts":{"bytesInOutput":1418}},"bytes":2404},"dist/modules/input.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/input.types.ts","inputs":{"src/modules/input.types.ts":{"bytesInOutput":82}},"bytes":784}}}
1
+ {"inputs":{"src/modules/input.props.ts":{"bytes":2122,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./input.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/input.connects.ts":{"bytes":3453,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"./input.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/input.hooks.ts":{"bytes":1465,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/input.connects.ts","kind":"import-statement","original":"./input.connects"},{"path":"./input.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/input.tsx":{"bytes":1819,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./modules/input.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true}],"format":"esm"},"src/input-group.tsx":{"bytes":1000,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"}],"format":"esm"},"src/input-addon.tsx":{"bytes":3126,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"}],"format":"esm"},"src/index.ts":{"bytes":472,"imports":[{"path":"src/input.tsx","kind":"import-statement","original":"./input"},{"path":"src/input-group.tsx","kind":"import-statement","original":"./input-group"},{"path":"src/input-addon.tsx","kind":"import-statement","original":"./input-addon"}],"format":"esm"},"src/modules/input.types.ts":{"bytes":1860,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"@mekari/pixel3-form-control","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":245},"src/input.tsx":{"bytesInOutput":1477},"src/modules/input.props.ts":{"bytesInOutput":1153},"src/modules/input.hooks.ts":{"bytesInOutput":1210},"src/modules/input.connects.ts":{"bytesInOutput":3643},"src/input-group.tsx":{"bytesInOutput":825},"src/input-addon.tsx":{"bytesInOutput":3268}},"bytes":13096},"dist/input-addon.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/input-addon.tsx","inputs":{"src/input-addon.tsx":{"bytesInOutput":3511},"src/modules/input.props.ts":{"bytesInOutput":392},"src/modules/input.hooks.ts":{"bytesInOutput":465},"src/modules/input.connects.ts":{"bytesInOutput":573}},"bytes":6152},"dist/input-group.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/input-group.tsx","inputs":{"src/input-group.tsx":{"bytesInOutput":978},"src/modules/input.props.ts":{"bytesInOutput":272},"src/modules/input.hooks.ts":{"bytesInOutput":465},"src/modules/input.connects.ts":{"bytesInOutput":460}},"bytes":3345},"dist/input.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"@mekari/pixel3-form-control","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/input.tsx","inputs":{"src/input.tsx":{"bytesInOutput":1602},"src/modules/input.props.ts":{"bytesInOutput":819},"src/modules/input.hooks.ts":{"bytesInOutput":486},"src/modules/input.connects.ts":{"bytesInOutput":2854}},"bytes":6914},"dist/modules/input.connects.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/input.connects.ts","inputs":{"src/modules/input.connects.ts":{"bytesInOutput":3893}},"bytes":4964},"dist/modules/input.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/input.hooks.ts","inputs":{"src/modules/input.hooks.ts":{"bytesInOutput":1431},"src/modules/input.connects.ts":{"bytesInOutput":3639}},"bytes":6191},"dist/modules/input.props.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/input.props.ts","inputs":{"src/modules/input.props.ts":{"bytesInOutput":1418}},"bytes":2404},"dist/modules/input.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/input.types.ts","inputs":{"src/modules/input.types.ts":{"bytesInOutput":82}},"bytes":784}}}
@@ -1 +1 @@
1
- {"inputs":{"src/modules/input.props.ts":{"bytes":2122,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./input.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/input.connects.ts":{"bytes":3433,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"./input.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/input.hooks.ts":{"bytes":1465,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/input.connects.ts","kind":"import-statement","original":"./input.connects"},{"path":"./input.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/input.tsx":{"bytes":1819,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./modules/input.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true}],"format":"esm"},"src/input-group.tsx":{"bytes":1000,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"}],"format":"esm"},"src/input-addon.tsx":{"bytes":3126,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"}],"format":"esm"},"src/index.ts":{"bytes":472,"imports":[{"path":"src/input.tsx","kind":"import-statement","original":"./input"},{"path":"src/input-group.tsx","kind":"import-statement","original":"./input-group"},{"path":"src/input-addon.tsx","kind":"import-statement","original":"./input-addon"}],"format":"esm"},"src/modules/input.types.ts":{"bytes":1860,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/index.mjs":{"imports":[{"path":"dist/chunk-7WITXW7Y.mjs","kind":"import-statement"},{"path":"dist/chunk-QIQPVEGA.mjs","kind":"import-statement"},{"path":"dist/chunk-OYKPKU4Q.mjs","kind":"import-statement"},{"path":"dist/chunk-4V5BHCMQ.mjs","kind":"import-statement"},{"path":"dist/chunk-SCN2G4G4.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpInput","MpInputGroup","MpInputLeftAddon","MpInputRightAddon"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":388},"dist/input-addon.mjs":{"imports":[{"path":"dist/chunk-7WITXW7Y.mjs","kind":"import-statement"},{"path":"dist/chunk-4V5BHCMQ.mjs","kind":"import-statement"},{"path":"dist/chunk-SCN2G4G4.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpInputAddon","MpInputLeftAddon","MpInputRightAddon"],"entryPoint":"src/input-addon.tsx","inputs":{},"bytes":288},"dist/chunk-7WITXW7Y.mjs":{"imports":[{"path":"dist/chunk-4V5BHCMQ.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpInputAddon","MpInputLeftAddon","MpInputRightAddon"],"inputs":{"src/input-addon.tsx":{"bytesInOutput":3120}},"bytes":3327},"dist/input-group.mjs":{"imports":[{"path":"dist/chunk-QIQPVEGA.mjs","kind":"import-statement"},{"path":"dist/chunk-4V5BHCMQ.mjs","kind":"import-statement"},{"path":"dist/chunk-SCN2G4G4.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpInputGroup"],"entryPoint":"src/input-group.tsx","inputs":{},"bytes":206},"dist/chunk-QIQPVEGA.mjs":{"imports":[{"path":"dist/chunk-4V5BHCMQ.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["MpInputGroup"],"inputs":{"src/input-group.tsx":{"bytesInOutput":731}},"bytes":897},"dist/input.mjs":{"imports":[{"path":"dist/chunk-OYKPKU4Q.mjs","kind":"import-statement"},{"path":"dist/chunk-4V5BHCMQ.mjs","kind":"import-statement"},{"path":"dist/chunk-SCN2G4G4.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpInput"],"entryPoint":"src/input.tsx","inputs":{},"bytes":196},"dist/chunk-OYKPKU4Q.mjs":{"imports":[{"path":"dist/chunk-4V5BHCMQ.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true}],"exports":["MpInput"],"inputs":{"src/input.tsx":{"bytesInOutput":1374}},"bytes":1533},"dist/modules/input.connects.mjs":{"imports":[{"path":"dist/chunk-SCN2G4G4.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["inputAddonConnect","inputConnect","inputGroupConnect"],"entryPoint":"src/modules/input.connects.ts","inputs":{},"bytes":199},"dist/modules/input.hooks.mjs":{"imports":[{"path":"dist/chunk-4V5BHCMQ.mjs","kind":"import-statement"},{"path":"dist/chunk-SCN2G4G4.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useInput","useInputAddon","useInputGroup"],"entryPoint":"src/modules/input.hooks.ts","inputs":{},"bytes":207},"dist/chunk-4V5BHCMQ.mjs":{"imports":[{"path":"dist/chunk-SCN2G4G4.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useInput","useInputAddon","useInputGroup"],"inputs":{"src/modules/input.hooks.ts":{"bytesInOutput":1059}},"bytes":1294},"dist/chunk-SCN2G4G4.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["inputAddonConnect","inputConnect","inputGroupConnect"],"inputs":{"src/modules/input.connects.ts":{"bytesInOutput":3472}},"bytes":3625},"dist/modules/input.props.mjs":{"imports":[{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["inputAddonProps","inputEmits","inputGroupProps","inputProps"],"entryPoint":"src/modules/input.props.ts","inputs":{},"bytes":215},"dist/chunk-ZQ2NFCFA.mjs":{"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["inputAddonProps","inputEmits","inputGroupProps","inputProps"],"inputs":{"src/modules/input.props.ts":{"bytesInOutput":1121}},"bytes":1229},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151},"dist/modules/input.types.mjs":{"imports":[],"exports":[],"entryPoint":"src/modules/input.types.ts","inputs":{"src/modules/input.types.ts":{"bytesInOutput":0}},"bytes":0}}}
1
+ {"inputs":{"src/modules/input.props.ts":{"bytes":2122,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./input.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/input.connects.ts":{"bytes":3453,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"./input.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/input.hooks.ts":{"bytes":1465,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/input.connects.ts","kind":"import-statement","original":"./input.connects"},{"path":"./input.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/input.tsx":{"bytes":1819,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./modules/input.types","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true}],"format":"esm"},"src/input-group.tsx":{"bytes":1000,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"}],"format":"esm"},"src/input-addon.tsx":{"bytes":3126,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/input.props.ts","kind":"import-statement","original":"./modules/input.props"},{"path":"src/modules/input.hooks.ts","kind":"import-statement","original":"./modules/input.hooks"}],"format":"esm"},"src/index.ts":{"bytes":472,"imports":[{"path":"src/input.tsx","kind":"import-statement","original":"./input"},{"path":"src/input-group.tsx","kind":"import-statement","original":"./input-group"},{"path":"src/input-addon.tsx","kind":"import-statement","original":"./input-addon"}],"format":"esm"},"src/modules/input.types.ts":{"bytes":1860,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/index.mjs":{"imports":[{"path":"dist/chunk-G4NBHX43.mjs","kind":"import-statement"},{"path":"dist/chunk-A3P6FTEX.mjs","kind":"import-statement"},{"path":"dist/chunk-OFNVGCKW.mjs","kind":"import-statement"},{"path":"dist/chunk-VSXK6JMH.mjs","kind":"import-statement"},{"path":"dist/chunk-63ANBUSA.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpInput","MpInputGroup","MpInputLeftAddon","MpInputRightAddon"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":388},"dist/input-addon.mjs":{"imports":[{"path":"dist/chunk-G4NBHX43.mjs","kind":"import-statement"},{"path":"dist/chunk-VSXK6JMH.mjs","kind":"import-statement"},{"path":"dist/chunk-63ANBUSA.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpInputAddon","MpInputLeftAddon","MpInputRightAddon"],"entryPoint":"src/input-addon.tsx","inputs":{},"bytes":288},"dist/chunk-G4NBHX43.mjs":{"imports":[{"path":"dist/chunk-VSXK6JMH.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpInputAddon","MpInputLeftAddon","MpInputRightAddon"],"inputs":{"src/input-addon.tsx":{"bytesInOutput":3120}},"bytes":3327},"dist/input-group.mjs":{"imports":[{"path":"dist/chunk-A3P6FTEX.mjs","kind":"import-statement"},{"path":"dist/chunk-VSXK6JMH.mjs","kind":"import-statement"},{"path":"dist/chunk-63ANBUSA.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpInputGroup"],"entryPoint":"src/input-group.tsx","inputs":{},"bytes":206},"dist/chunk-A3P6FTEX.mjs":{"imports":[{"path":"dist/chunk-VSXK6JMH.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["MpInputGroup"],"inputs":{"src/input-group.tsx":{"bytesInOutput":731}},"bytes":897},"dist/input.mjs":{"imports":[{"path":"dist/chunk-OFNVGCKW.mjs","kind":"import-statement"},{"path":"dist/chunk-VSXK6JMH.mjs","kind":"import-statement"},{"path":"dist/chunk-63ANBUSA.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpInput"],"entryPoint":"src/input.tsx","inputs":{},"bytes":196},"dist/chunk-OFNVGCKW.mjs":{"imports":[{"path":"dist/chunk-VSXK6JMH.mjs","kind":"import-statement"},{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-form-control","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true}],"exports":["MpInput"],"inputs":{"src/input.tsx":{"bytesInOutput":1374}},"bytes":1533},"dist/modules/input.connects.mjs":{"imports":[{"path":"dist/chunk-63ANBUSA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["inputAddonConnect","inputConnect","inputGroupConnect"],"entryPoint":"src/modules/input.connects.ts","inputs":{},"bytes":199},"dist/modules/input.hooks.mjs":{"imports":[{"path":"dist/chunk-VSXK6JMH.mjs","kind":"import-statement"},{"path":"dist/chunk-63ANBUSA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useInput","useInputAddon","useInputGroup"],"entryPoint":"src/modules/input.hooks.ts","inputs":{},"bytes":207},"dist/chunk-VSXK6JMH.mjs":{"imports":[{"path":"dist/chunk-63ANBUSA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useInput","useInputAddon","useInputGroup"],"inputs":{"src/modules/input.hooks.ts":{"bytesInOutput":1059}},"bytes":1294},"dist/chunk-63ANBUSA.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["inputAddonConnect","inputConnect","inputGroupConnect"],"inputs":{"src/modules/input.connects.ts":{"bytesInOutput":3528}},"bytes":3681},"dist/modules/input.props.mjs":{"imports":[{"path":"dist/chunk-ZQ2NFCFA.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["inputAddonProps","inputEmits","inputGroupProps","inputProps"],"entryPoint":"src/modules/input.props.ts","inputs":{},"bytes":215},"dist/chunk-ZQ2NFCFA.mjs":{"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["inputAddonProps","inputEmits","inputGroupProps","inputProps"],"inputs":{"src/modules/input.props.ts":{"bytesInOutput":1121}},"bytes":1229},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151},"dist/modules/input.types.mjs":{"imports":[],"exports":[],"entryPoint":"src/modules/input.types.ts","inputs":{"src/modules/input.types.ts":{"bytesInOutput":0}},"bytes":0}}}
@@ -47,14 +47,13 @@ function inputConnect(state, emit, classes, formControlProp) {
47
47
  isDisabled,
48
48
  isClearable,
49
49
  rootProps: {
50
- id: idx,
51
50
  class: (0, import_css.cx)(classes.root, "group"),
52
51
  "data-is-full-width": isFullWidth,
53
52
  "data-with-clearable": isClearable,
54
53
  "data-pixel-component": "MpInput"
55
54
  },
56
55
  controlProps: {
57
- id: `${idx}-control`,
56
+ id: (formControlProp == null ? void 0 : formControlProp.value.id) || id || `${idx}-control`,
58
57
  value: modelValue,
59
58
  placeholder,
60
59
  readonly: (formControlProp == null ? void 0 : formControlProp.value.isReadOnly) || isReadOnly,
@@ -2,7 +2,7 @@ import {
2
2
  inputAddonConnect,
3
3
  inputConnect,
4
4
  inputGroupConnect
5
- } from "../chunk-SCN2G4G4.mjs";
5
+ } from "../chunk-63ANBUSA.mjs";
6
6
  import "../chunk-QZ7VFGWC.mjs";
7
7
  export {
8
8
  inputAddonConnect,
@@ -51,14 +51,13 @@ function inputConnect(state, emit, classes, formControlProp) {
51
51
  isDisabled,
52
52
  isClearable,
53
53
  rootProps: {
54
- id: idx,
55
54
  class: (0, import_css.cx)(classes.root, "group"),
56
55
  "data-is-full-width": isFullWidth,
57
56
  "data-with-clearable": isClearable,
58
57
  "data-pixel-component": "MpInput"
59
58
  },
60
59
  controlProps: {
61
- id: `${idx}-control`,
60
+ id: (formControlProp == null ? void 0 : formControlProp.value.id) || id || `${idx}-control`,
62
61
  value: modelValue,
63
62
  placeholder,
64
63
  readonly: (formControlProp == null ? void 0 : formControlProp.value.isReadOnly) || isReadOnly,
@@ -2,8 +2,8 @@ import {
2
2
  useInput,
3
3
  useInputAddon,
4
4
  useInputGroup
5
- } from "../chunk-4V5BHCMQ.mjs";
6
- import "../chunk-SCN2G4G4.mjs";
5
+ } from "../chunk-VSXK6JMH.mjs";
6
+ import "../chunk-63ANBUSA.mjs";
7
7
  import "../chunk-QZ7VFGWC.mjs";
8
8
  export {
9
9
  useInput,
package/package.json CHANGED
@@ -1,17 +1,17 @@
1
1
  {
2
2
  "name": "@mekari/pixel3-input",
3
3
  "description": "Mekari Pixel 3 | Input component is used to get user input in a text field",
4
- "version": "0.0.14",
4
+ "version": "0.0.15",
5
5
  "main": "dist/index.js",
6
6
  "license": "MIT",
7
7
  "files": [
8
8
  "dist"
9
9
  ],
10
10
  "dependencies": {
11
- "@mekari/pixel3-form-control": "0.0.14",
12
- "@mekari/pixel3-button": "0.0.14",
13
- "@mekari/pixel3-styled-system": "0.1.0",
14
- "@mekari/pixel3-utils": "0.0.6"
11
+ "@mekari/pixel3-form-control": "0.0.15",
12
+ "@mekari/pixel3-button": "0.0.15",
13
+ "@mekari/pixel3-utils": "0.0.6",
14
+ "@mekari/pixel3-styled-system": "0.1.1"
15
15
  },
16
16
  "peerDependencies": {
17
17
  "vue": "^3.4.9"