ranui 0.2.0-alpha.2 → 0.2.0-alpha.3

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.
Files changed (102) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/{button-BstLjXNe.js → button-CJFSrjq_.js} +10 -10
  3. package/dist/button.js +1 -1
  4. package/dist/card-F-3fRynz.js +67 -0
  5. package/dist/card.js +1 -1
  6. package/dist/{checkbox-iHZQb-yQ.js → checkbox-BS5kNY6n.js} +9 -9
  7. package/dist/checkbox.js +1 -1
  8. package/dist/{colorpicker-CGh8pRqo.js → colorpicker-CdzUAVC5.js} +11 -11
  9. package/dist/colorpicker.js +1 -1
  10. package/dist/components/button/index.d.ts +1 -1
  11. package/dist/components/card/index.d.ts +3 -0
  12. package/dist/components/theme-switch/index.d.ts +36 -0
  13. package/dist/{dropdown-RqHMRhFE.js → dropdown-BYS1Trdu.js} +9 -9
  14. package/dist/dropdown.js +1 -1
  15. package/dist/fonts/Geist-Variable.woff2 +0 -0
  16. package/dist/fonts/GeistMono-Variable.woff2 +0 -0
  17. package/dist/fonts/OFL-LICENSE.txt +92 -0
  18. package/dist/fonts/fonts.css +26 -0
  19. package/dist/{form-05Lxxl3D.js → form-BsB5JhS4.js} +9 -9
  20. package/dist/form.js +1 -1
  21. package/dist/{icon-Blm7AbyY.js → icon-pfolda2m.js} +3 -3
  22. package/dist/icon.js +1 -1
  23. package/dist/iife/button.iife.js +1 -1
  24. package/dist/iife/card.iife.js +1 -1
  25. package/dist/iife/checkbox.iife.js +1 -1
  26. package/dist/iife/colorpicker.iife.js +2 -2
  27. package/dist/iife/dropdown.iife.js +1 -1
  28. package/dist/iife/form.iife.js +1 -1
  29. package/dist/iife/icon.iife.js +1 -1
  30. package/dist/iife/image.iife.js +1 -1
  31. package/dist/iife/input.iife.js +1 -1
  32. package/dist/iife/link.iife.js +1 -1
  33. package/dist/iife/loading.iife.js +1 -1
  34. package/dist/iife/math.iife.js +14 -14
  35. package/dist/iife/message.iife.js +1 -1
  36. package/dist/iife/modal.iife.js +1 -1
  37. package/dist/iife/player.iife.js +9 -9
  38. package/dist/iife/popover.iife.js +1 -1
  39. package/dist/iife/progress.iife.js +1 -1
  40. package/dist/iife/radar.iife.js +1 -1
  41. package/dist/iife/route.iife.js +1 -1
  42. package/dist/iife/router.iife.js +1 -1
  43. package/dist/iife/scratch.iife.js +1 -1
  44. package/dist/iife/section.iife.js +1 -1
  45. package/dist/iife/select.iife.js +2 -2
  46. package/dist/iife/skeleton.iife.js +1 -1
  47. package/dist/iife/tab.iife.js +1 -1
  48. package/dist/iife/tabpane.iife.js +1 -1
  49. package/dist/iife/theme-switch.iife.js +1 -0
  50. package/dist/{image-DKm6z7YQ.js → image-BXpKQ9sU.js} +9 -9
  51. package/dist/image.js +1 -1
  52. package/dist/index.cjs +23 -23
  53. package/dist/index.d.ts +4 -0
  54. package/dist/index.iife.js +67 -78
  55. package/dist/index.js +73 -72
  56. package/dist/{input-Dskw1bAl.js → input-BM6e_LQr.js} +13 -13
  57. package/dist/input.js +1 -1
  58. package/dist/{link-BW-gvrpN.js → link-DURZzd7u.js} +7 -7
  59. package/dist/link.js +1 -1
  60. package/dist/{loading-C4QUpm70.js → loading-Bd-gF1AH.js} +24 -24
  61. package/dist/loading.js +1 -1
  62. package/dist/{math-Dv4nXSoI.js → math-IjzOAwnA.js} +7 -7
  63. package/dist/math.js +1 -1
  64. package/dist/{message-De5e1txT.js → message-CLpuP8HY.js} +8 -8
  65. package/dist/message.js +1 -1
  66. package/dist/{modal-DruDj3AB.js → modal-DOTpABRe.js} +7 -7
  67. package/dist/modal.js +1 -1
  68. package/dist/{player-CqTAmg_E.js → player-C2pB5L2N.js} +7 -7
  69. package/dist/player.js +1 -1
  70. package/dist/{popover-BY32HNMl.js → popover-DRUQjdPs.js} +10 -10
  71. package/dist/popover.js +1 -1
  72. package/dist/{progress-gZo0knzu.js → progress-BIEXYYd2.js} +6 -6
  73. package/dist/progress.js +1 -1
  74. package/dist/{radar-19P5Mtld.js → radar-DAF95_Mj.js} +9 -9
  75. package/dist/radar.js +1 -1
  76. package/dist/ranui.css +1 -1
  77. package/dist/{route-BY_E6-2C.js → route-MQZpn2BP.js} +14 -14
  78. package/dist/route.js +1 -1
  79. package/dist/{router-BDcv4F-2.js → router-B9rCrWXm.js} +5 -5
  80. package/dist/router.js +1 -1
  81. package/dist/{scratch-Dbd9G6Q6.js → scratch-QlPyy1f4.js} +1 -1
  82. package/dist/scratch.js +1 -1
  83. package/dist/{section-CNTvgdQ-.js → section-D0qMm9KM.js} +8 -8
  84. package/dist/section.js +1 -1
  85. package/dist/{select-BVdUtQX5.js → select-BSeCT9tF.js} +13 -13
  86. package/dist/select.js +1 -1
  87. package/dist/{signal-XHfNsQNW.js → signal-CSSZxlK5.js} +1 -1
  88. package/dist/{skeleton-BAdJ6vyA.js → skeleton-CFqQmKyt.js} +8 -8
  89. package/dist/skeleton.js +1 -1
  90. package/dist/{tab-DH2owP2V.js → tab-CqFrgo2v.js} +5 -5
  91. package/dist/tab.js +1 -1
  92. package/dist/{tabpane-B_M-Jokw.js → tabpane-B-m3xwqu.js} +7 -7
  93. package/dist/tabpane.js +1 -1
  94. package/dist/test/unit/theme-switch.contract.test.d.ts +1 -0
  95. package/dist/theme-switch-B8K9y2RL.js +170 -0
  96. package/dist/theme-switch.js +5 -0
  97. package/dist/{utils-D4pPF77E.js → utils-DBfrRFoE.js} +116 -198
  98. package/docs/COMPONENTS.md +21 -5
  99. package/docs/DESIGN.md +24 -19
  100. package/docs/style-tokens-public.md +55 -8
  101. package/package.json +16 -10
  102. package/dist/card-DQUJoDUQ.js +0 -60
package/dist/index.js CHANGED
@@ -1,80 +1,81 @@
1
- import { n as r } from "./player-CqTAmg_E.js";
2
- import { a, i as e, n as m, o as s, r as i, t as p } from "./utils-D4pPF77E.js";
3
- import { t as f } from "./button-BstLjXNe.js";
4
- import { n as P, r as T, t as h } from "./icon-Blm7AbyY.js";
5
- import { t as R } from "./image-DKm6z7YQ.js";
6
- import { t as u } from "./input-Dskw1bAl.js";
7
- import { t as S } from "./message-De5e1txT.js";
8
- import { t as I } from "./skeleton-BAdJ6vyA.js";
9
- import { t as M } from "./tabpane-B_M-Jokw.js";
10
- import { t as b } from "./tab-DH2owP2V.js";
11
- import { t as A } from "./radar-19P5Mtld.js";
12
- import { t as G } from "./modal-DruDj3AB.js";
13
- import { t as N } from "./select-BVdUtQX5.js";
14
- import { n as y, t as O } from "./dropdown-RqHMRhFE.js";
15
- import { t as v } from "./math-Dv4nXSoI.js";
16
- import { t as D } from "./progress-gZo0knzu.js";
17
- import { t as V } from "./checkbox-iHZQb-yQ.js";
18
- import { t as j } from "./colorpicker-CGh8pRqo.js";
19
- import { n as z, t as H } from "./popover-BY32HNMl.js";
20
- import { n as K, t as Q } from "./loading-C4QUpm70.js";
21
- import { t as X } from "./form-05Lxxl3D.js";
22
- import "./scratch-Dbd9G6Q6.js";
23
- import { t as oo } from "./card-DQUJoDUQ.js";
24
- import { t as to } from "./section-CNTvgdQ-.js";
25
- import { t as eo } from "./router-BDcv4F-2.js";
26
- import { RouterCore as so, clearSSGPath as io, createRouter as po, enableMpaViewTransitions as no, getSSGPath as fo, setSSGPath as co, useRouter as Po } from "./utils/router.js";
27
- import { t as ho } from "./route-BY_E6-2C.js";
28
- import { t as Ro } from "./link-BW-gvrpN.js";
29
- import { I18nCore as uo, createI18n as Co, useI18n as So } from "./utils/i18n.js";
30
- import { generateStaticPages as Io, renderStaticPage as Mo } from "./ssg.js";
1
+ import { n as r } from "./player-C2pB5L2N.js";
2
+ import { t as a } from "./button-CJFSrjq_.js";
3
+ import { a as m, i as s, n as i, o as p, r as n, s as f, t as c } from "./theme-switch-B8K9y2RL.js";
4
+ import { n as h, r as P, t as l } from "./icon-pfolda2m.js";
5
+ import { t as S } from "./image-BXpKQ9sU.js";
6
+ import { t as u } from "./input-BM6e_LQr.js";
7
+ import { t as k } from "./message-CLpuP8HY.js";
8
+ import { t as d } from "./skeleton-CFqQmKyt.js";
9
+ import { t as E } from "./tabpane-B-m3xwqu.js";
10
+ import { t as _ } from "./tab-CqFrgo2v.js";
11
+ import { t as w } from "./radar-DAF95_Mj.js";
12
+ import { t as G } from "./modal-DOTpABRe.js";
13
+ import { t as N } from "./select-BSeCT9tF.js";
14
+ import { n as O, t as Y } from "./dropdown-BYS1Trdu.js";
15
+ import { t as B } from "./math-IjzOAwnA.js";
16
+ import { t as F } from "./progress-BIEXYYd2.js";
17
+ import { t as W } from "./checkbox-BS5kNY6n.js";
18
+ import { t as q } from "./colorpicker-CdzUAVC5.js";
19
+ import { n as H, t as J } from "./popover-DRUQjdPs.js";
20
+ import { n as Q, t as U } from "./loading-Bd-gF1AH.js";
21
+ import { t as Z } from "./form-BsB5JhS4.js";
22
+ import "./scratch-QlPyy1f4.js";
23
+ import { t as ro } from "./card-F-3fRynz.js";
24
+ import { t as ao } from "./section-D0qMm9KM.js";
25
+ import { t as mo } from "./router-B9rCrWXm.js";
26
+ import { RouterCore as io, clearSSGPath as po, createRouter as no, enableMpaViewTransitions as fo, getSSGPath as co, setSSGPath as To, useRouter as ho } from "./utils/router.js";
27
+ import { t as lo } from "./route-MQZpn2BP.js";
28
+ import { t as So } from "./link-DURZzd7u.js";
29
+ import { I18nCore as uo, createI18n as Co, useI18n as ko } from "./utils/i18n.js";
30
+ import { generateStaticPages as Mo, renderStaticPage as Eo } from "./ssg.js";
31
31
  export {
32
- O as ARROW_TYPE,
33
- f as Button,
34
- oo as Card,
35
- S as CustomMessage,
36
- y as Dropdown,
37
- X as Form,
32
+ Y as ARROW_TYPE,
33
+ a as Button,
34
+ ro as Card,
35
+ k as CustomMessage,
36
+ O as Dropdown,
37
+ Z as Form,
38
38
  uo as I18nCore,
39
- Q as ICON_NAME_AMP,
40
- h as Icon,
41
- R as ImageElement,
39
+ U as ICON_NAME_AMP,
40
+ l as Icon,
41
+ S as ImageElement,
42
42
  u as Input,
43
- Ro as Link,
44
- K as Loading,
45
- v as Math,
46
- H as PLACEMENT_TYPE,
47
- z as Popover,
48
- D as Progress,
49
- A as RadarChart,
50
- V as RanCheckbox,
51
- j as RanColorPicker,
43
+ So as Link,
44
+ Q as Loading,
45
+ B as Math,
46
+ J as PLACEMENT_TYPE,
47
+ H as Popover,
48
+ F as Progress,
49
+ w as RadarChart,
50
+ W as RanCheckbox,
51
+ q as RanColorPicker,
52
52
  G as RanModal,
53
53
  r as RanPlayer,
54
- ho as Route,
55
- eo as Router,
56
- so as RouterCore,
57
- to as Section,
54
+ lo as Route,
55
+ mo as Router,
56
+ io as RouterCore,
57
+ ao as Section,
58
58
  N as Select,
59
- I as Skeleton,
60
- M as TabPane,
61
- b as Tabs,
62
- io as clearSSGPath,
63
- p as clearThemeToken,
59
+ d as Skeleton,
60
+ E as TabPane,
61
+ _ as Tabs,
62
+ c as ThemeSwitch,
63
+ po as clearSSGPath,
64
+ i as clearThemeToken,
64
65
  Co as createI18n,
65
- po as createRouter,
66
- no as enableMpaViewTransitions,
67
- Io as generateStaticPages,
68
- fo as getSSGPath,
69
- m as getTheme,
70
- i as initTheme,
71
- P as registerIcon,
72
- T as registerIcons,
73
- Mo as renderStaticPage,
74
- co as setSSGPath,
75
- e as setTheme,
76
- a as setThemeToken,
77
- s as setThemeTokens,
78
- So as useI18n,
79
- Po as useRouter
66
+ no as createRouter,
67
+ fo as enableMpaViewTransitions,
68
+ Mo as generateStaticPages,
69
+ co as getSSGPath,
70
+ n as getTheme,
71
+ s as initTheme,
72
+ h as registerIcon,
73
+ P as registerIcons,
74
+ Eo as renderStaticPage,
75
+ To as setSSGPath,
76
+ m as setTheme,
77
+ p as setThemeToken,
78
+ f as setThemeTokens,
79
+ ko as useI18n,
80
+ ho as useRouter
80
81
  };
@@ -1,9 +1,9 @@
1
- import { c as s, d as o, f as i, l, p as r, s as u, u as p } from "./utils-D4pPF77E.js";
2
- import { t as d } from "./events-C59wGdni.js";
3
- import { _ as c, c as h, i as a, s as b } from "./factory-BdsO0dEW.js";
1
+ import { a as s, i as o, n as l, o as i, r as u, s as r, t as p } from "./utils-DBfrRFoE.js";
2
+ import { t as c } from "./events-C59wGdni.js";
3
+ import { _ as h, c as d, i as a, s as b } from "./factory-BdsO0dEW.js";
4
4
  import { a as v, n as g } from "./ssr-DSGwPtEd.js";
5
- import "./icon-Blm7AbyY.js";
6
- var m = `.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}:host{position:var(--ran-input-host-position, relative);display:var(--ran-input-host-display, block);box-sizing:var(--ran-input-host-box-sizing, border-box)}:host([placeholder]) .ran-input-label{transform:var(--ran-input-label-placeholder-transform, translateY( calc(-50% - .43em) ) scale(.8));top:var(--ran-input-label-placeholder-top, 0)}:host .ran-input-label{transform:var(--ran-input-label-transform, translateY(-50%));top:var(--ran-input-label-top, 50%);transition:var(--ran-input-label-transition, all .3s)}.ran-input{box-sizing:var(--ran-input-box-sizing, border-box);position:var(--ran-input-position, relative);display:var(--ran-input-display, flex);width:var(--ran-input-width, 100%);height:var(--ran-input-height, auto);min-width:var(--ran-input-min-width, 0);padding:var(--ran-input-padding, 0px 0px 0px 4px);color:var(--ran-input-color, var(--ran-color-text, #000000d9));font-size:var(--ran-input-font-size, 12px);font-family:var(--ran-input-font-family, var(--ran-skin-font-family, inherit));line-height:var(--ran-input-line-height, 1.5715);background-color:var(--ran-input-background-color, var(--ran-color-bg-elevated, #fff));background-image:var(--ran-input-background-image, none);border:var(--ran-input-border, 1px solid var(--ran-color-border, #d9d9d9));border-image-source:var(--ran-input-border-image-source, none);border-image-slice:var(--ran-input-border-image-slice, 8);border-image-width:var(--ran-input-border-image-width, 4px);border-image-outset:0;border-image-repeat:stretch;border-radius:var(--ran-input-border-radius, var(--ran-radius-sm, 6px));transition:var(--ran-input-transition, border-color var(--ran-motion-duration-base, .2s), box-shadow var(--ran-motion-duration-base, .2s), color var(--ran-motion-duration-base, .2s));min-height:var(--ran-input-min-height, 32px)}.ran-input .ran-icon{display:var(--ran-input-icon-display, flex);align-items:var(--ran-input-icon-align-items, center);justify-content:var(--ran-input-icon-justify-content, center)}.ran-input:focus-within{border-color:var(--ran-input-active-border-color, var(--ran-color-primary, #006bff));box-shadow:var(--ran-input-active-box-shadow, 0 0 0 2px var(--ran-blue-400, #cae7ff));border-right-width:var(--ran-input-active-border-right-width, 1px);outline:var(--ran-input-active-outline, 0)}.ran-input:hover{border-color:var(--ran-input-hover-border-color, var(--ran-color-primary, #006bff));border-right-width:var(--ran-input-hover-border-right-width, 1px)}.ran-input>.ran-input-content:hover~.ran-input-label{color:var(--ran-input-label-hover-color, var(--ran-color-primary, #40a9ff))}.ran-input[value]>.ran-input-label{transform:var(--ran-input-label-value-transform, translateY( calc(-50% - .43em) ) scale(.8));color:var(--ran-input-label-value-color, var(--ran-color-text-disabled, #00000040))}.ran-input[status=error] .ran-input-content,.ran-input[status=warning] .ran-input-content{padding-right:var(--ran-input-content-status-padding-right, 28px)}.ran-input[status=error]:after,.ran-input[status=warning]:after{content:"";position:absolute;top:50%;right:10px;width:16px;height:16px;transform:translateY(-50%);pointer-events:none;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.ran-input[status=error]{border-color:var(--ran-input-status-error-border-color, var(--ran-color-danger, #ff4d4f))}.ran-input[status=error]>.ran-input-content~.ran-input-label{color:var(--ran-input-label-status-error-color, var(--ran-color-danger, #ff4d4f))}.ran-input[status=error]:after{background-color:var(--ran-color-danger, #ff4d4f);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a7 7 0 100 14A7 7 0 008 1zm-.75 3.5h1.5v5h-1.5v-5zM8 11a1 1 0 110 2 1 1 0 010-2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a7 7 0 100 14A7 7 0 008 1zm-.75 3.5h1.5v5h-1.5v-5zM8 11a1 1 0 110 2 1 1 0 010-2z'/%3E%3C/svg%3E")}.ran-input[status=warning]{border-color:var(--ran-input-status-warning-border-color, var(--ran-color-warning, #faad14))}.ran-input[status=warning]>.ran-input-content~.ran-input-label{color:var(--ran-input-label-status-warning-color, var(--ran-color-warning, #faad14))}.ran-input[status=warning]:after{background-color:var(--ran-color-warning, #faad14);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.5l6.85 11.86a.5.5 0 01-.43.75H1.58a.5.5 0 01-.43-.75L8 1.5zm-.75 4.25v3.5h1.5v-3.5h-1.5zM8 10.75a1 1 0 110 2 1 1 0 010-2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.5l6.85 11.86a.5.5 0 01-.43.75H1.58a.5.5 0 01-.43-.75L8 1.5zm-.75 4.25v3.5h1.5v-3.5h-1.5zM8 10.75a1 1 0 110 2 1 1 0 010-2z'/%3E%3C/svg%3E")}.ran-input[disabled]{color:var(--ran-input-disabled-color, var(--ran-color-text-disabled, #00000040));background-color:var(--ran-input-disabled-background-color, var(--ran-color-bg-muted, #f5f5f5));border-color:var(--ran-input-disabled-border-color, var(--ran-color-border, #d9d9d9));box-shadow:var(--ran-input-disabled-box-shadow, none);cursor:var(--ran-input-disabled-cursor, not-allowed);opacity:var(--ran-input-disabled-opacity, 1)}.ran-input[disabled]>.ran-input-content{color:var(--ran-input-content-disabled-color, var(--ran-color-text-disabled, #00000040));background-color:var(--ran-input-content-disabled-background-color, var(--ran-color-bg-muted, #f5f5f5));border-color:var(--ran-input-content-disabled-border-color, var(--ran-color-border, #d9d9d9));box-shadow:var(--ran-input-content-disabled-box-shadow, none);cursor:var(--ran-input-content-disabled-cursor, not-allowed);opacity:var(--ran-input-content-disabled-opacity, 1)}.ran-input[disabled]>.ran-input-content~.ran-input-label{color:var(--ran-input-label-disabled-color, var(--ran-color-text-disabled, #00000040));background-color:var(--ran-input-label-disabled-background-color, var(--ran-color-bg-muted, #f5f5f5))}.ran-input[disabled]>.ran-input-label{color:var(--ran-input-label-disabled-color, var(--ran-color-text-disabled, #999));border-color:var(--ran-input-label-disabled-border-color, var(--ran-color-border, #d9d9d9));box-shadow:var(--ran-input-label-disabled-box-shadow, none);cursor:var(--ran-input-label-disabled-cursor, not-allowed)}.ran-input-content{writing-mode:var(--ran-input-content-writing-mode, horizontal-tb);text-rendering:var(--ran-input-content-text-rendering, auto);letter-spacing:var(--ran-input-content-letter-spacing, normal);word-spacing:var(--ran-input-content-word-spacing, normal);text-transform:var(--ran-input-content-text-transform, none);text-indent:var(--ran-input-content-text-indent, 0px);text-shadow:var(--ran-input-content-text-shadow, none);text-align:var(--ran-input-content-text-align, start);cursor:var(--ran-input-content-cursor, text);touch-action:var(--ran-input-content-touch-action, manipulation);-webkit-appearance:var(--ran-input-content--webkit-appearance, none);text-overflow:var(--ran-input-content-text-overflow, ellipsis);box-sizing:var(--ran-input-content-box-sizing, border-box);margin:var(--ran-input-content-margin, 0);font-variant:var(--ran-input-content-font-variant, tabular-nums);list-style:var(--ran-input-content-list-style, none);font-feature-settings:var(--ran-input-content-font-feature-settings, "tnum");position:var(--ran-input-content-position, relative);border:var(--ran-input-content-border, none);width:var(--ran-input-content-width, 100%);height:var(--ran-input-content-height, 100%);min-height:var(--ran-input-content-min-height, 30px);min-width:var(--ran-input-content-min-width, 0);color:var(--ran-input-content-color, var(--ran-color-text, #000000d9));font-size:var(--ran-input-content-font-size, 14px);line-height:var(--ran-input-content-line-height, 1.48);background-color:var(--ran-input-content-background-color, var(--ran-color-bg-elevated, #fff));background-image:var(--ran-input-content-background-image, none);transition:var(--ran-input-content-transition, border-color var(--ran-motion-duration-base, .2s), box-shadow var(--ran-motion-duration-base, .2s), color var(--ran-motion-duration-base, .2s));outline:var(--ran-input-content-outline, none);border-radius:var(--ran-input-content-border-radius, var(--ran-radius-sm, 6px));padding:var(--ran-input-content-padding, 0 0 0 2px);font-weight:var(--ran-input-content-font-weight, 400)}.ran-input-content:focus,.ran-input-content:hover{border:var(--ran-input-content-hover-border, none);outline:var(--ran-input-content-hover-outline, 0)}.ran-input-content::placeholder{color:var(--ran-input-content-placeholder-color, var(--ran-color-text-disabled, #999))}.ran-input-content:placeholder-shown~.ran-input-label{transform:var(--ran-input-content-placeholder-label-transform, translateY( calc(-50% - .43em) ) scale(.8))}.ran-input-content:focus~.ran-input-label{transform:var(--ran-input-content-focus-label-transform, translateY( calc(-50% - .43em) ) scale(.8));top:var(--ran-input-content-focus-label-top, 0px)}.ran-input-content::-webkit-search-cancel-button{display:none;-webkit-appearance:none}.ran-input-label{box-sizing:var(--ran-input-label-box-sizing, border-box);pointer-events:var(--ran-input-label-pointer-events, none);position:var(--ran-input-label-position, absolute);font-size:var(--ran-input-label-font-size, 14px);left:var(--ran-input-label-left, 8px);transition:var(--ran-input-label-transition, transform .3s, color .3s, background-color .3s, backdrop-filter .3s);transform-origin:var(--ran-input-label-transform-origin, left);padding:var(--ran-input-label-padding, 0 0);color:var(--ran-input-label-color, var(--ran-color-text-disabled, #999));background:var(--ran-input-label-background, var(--ran-color-bg-elevated, #fff));opacity:var(--ran-input-label-opacity, .9);transition:var(--ran-input-label-transition, all .3s)}.ran-input-message{margin-top:var(--ran-input-message-margin-top, 4px);font-size:var(--ran-input-message-font-size, 12px);line-height:var(--ran-input-message-line-height, 1.5);color:var(--ran-input-message-color, var(--ran-color-text-secondary, #8c8c8c))}.ran-input-message:empty{display:none}:host([status="error"]) .ran-input-message{color:var(--ran-input-message-error-color, var(--ran-color-danger, #ff4d4f))}:host([status="warning"]) .ran-input-message{color:var(--ran-input-message-warning-color, var(--ran-color-warning, #faad14))}`, f = 0, x = class extends g {
5
+ import "./icon-pfolda2m.js";
6
+ var m = `.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}:host{position:var(--ran-input-host-position, relative);display:var(--ran-input-host-display, block);box-sizing:var(--ran-input-host-box-sizing, border-box)}:host([placeholder]) .ran-input-label{transform:var(--ran-input-label-placeholder-transform, translateY( calc(-50% - .43em) ) scale(.8));top:var(--ran-input-label-placeholder-top, 0)}:host .ran-input-label{transform:var(--ran-input-label-transform, translateY(-50%));top:var(--ran-input-label-top, 50%);transition:var(--ran-input-label-transition, all .3s)}.ran-input{box-sizing:var(--ran-input-box-sizing, border-box);position:var(--ran-input-position, relative);display:var(--ran-input-display, flex);width:var(--ran-input-width, 100%);height:var(--ran-input-height, auto);min-width:var(--ran-input-min-width, 0);padding:var(--ran-input-padding, 0px 0px 0px 4px);color:var(--ran-input-color, var(--ran-color-text, #000000d9));font-size:var(--ran-input-font-size, 12px);font-family:var(--ran-input-font-family, var(--ran-skin-font-family, inherit));line-height:var(--ran-input-line-height, 1.5715);background-color:var(--ran-input-background-color, var(--ran-color-bg-elevated, #fff));background-image:var(--ran-input-background-image, none);border:var(--ran-input-border, 1px solid var(--ran-color-border, #eaeaea));border-image-source:var(--ran-input-border-image-source, none);border-image-slice:var(--ran-input-border-image-slice, 8);border-image-width:var(--ran-input-border-image-width, 4px);border-image-outset:0;border-image-repeat:stretch;border-radius:var(--ran-input-border-radius, var(--ran-radius-sm, 6px));transition:var(--ran-input-transition, border-color var(--ran-motion-duration-base, .2s), box-shadow var(--ran-motion-duration-base, .2s), color var(--ran-motion-duration-base, .2s));min-height:var(--ran-input-min-height, 32px)}.ran-input .ran-icon{display:var(--ran-input-icon-display, flex);align-items:var(--ran-input-icon-align-items, center);justify-content:var(--ran-input-icon-justify-content, center)}.ran-input:focus-within{border-color:var(--ran-input-active-border-color, var(--ran-color-primary, #006bff));box-shadow:var(--ran-input-active-box-shadow, 0 0 0 2px var(--ran-blue-400, #cae7ff));border-right-width:var(--ran-input-active-border-right-width, 1px);outline:var(--ran-input-active-outline, 0)}.ran-input:hover{border-color:var(--ran-input-hover-border-color, var(--ran-color-primary, #006bff));border-right-width:var(--ran-input-hover-border-right-width, 1px)}.ran-input>.ran-input-content:hover~.ran-input-label{color:var(--ran-input-label-hover-color, var(--ran-color-primary, #006bff))}.ran-input[value]>.ran-input-label{transform:var(--ran-input-label-value-transform, translateY( calc(-50% - .43em) ) scale(.8));color:var(--ran-input-label-value-color, var(--ran-color-text-disabled, #00000040))}.ran-input[status=error] .ran-input-content,.ran-input[status=warning] .ran-input-content{padding-right:var(--ran-input-content-status-padding-right, 28px)}.ran-input[status=error]:after,.ran-input[status=warning]:after{content:"";position:absolute;top:50%;right:10px;width:16px;height:16px;transform:translateY(-50%);pointer-events:none;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.ran-input[status=error]{border-color:var(--ran-input-status-error-border-color, var(--ran-color-danger, #ff4d4f))}.ran-input[status=error]>.ran-input-content~.ran-input-label{color:var(--ran-input-label-status-error-color, var(--ran-color-danger, #ff4d4f))}.ran-input[status=error]:after{background-color:var(--ran-color-danger, #ff4d4f);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a7 7 0 100 14A7 7 0 008 1zm-.75 3.5h1.5v5h-1.5v-5zM8 11a1 1 0 110 2 1 1 0 010-2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a7 7 0 100 14A7 7 0 008 1zm-.75 3.5h1.5v5h-1.5v-5zM8 11a1 1 0 110 2 1 1 0 010-2z'/%3E%3C/svg%3E")}.ran-input[status=warning]{border-color:var(--ran-input-status-warning-border-color, var(--ran-color-warning, #faad14))}.ran-input[status=warning]>.ran-input-content~.ran-input-label{color:var(--ran-input-label-status-warning-color, var(--ran-color-warning, #faad14))}.ran-input[status=warning]:after{background-color:var(--ran-color-warning, #faad14);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.5l6.85 11.86a.5.5 0 01-.43.75H1.58a.5.5 0 01-.43-.75L8 1.5zm-.75 4.25v3.5h1.5v-3.5h-1.5zM8 10.75a1 1 0 110 2 1 1 0 010-2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.5l6.85 11.86a.5.5 0 01-.43.75H1.58a.5.5 0 01-.43-.75L8 1.5zm-.75 4.25v3.5h1.5v-3.5h-1.5zM8 10.75a1 1 0 110 2 1 1 0 010-2z'/%3E%3C/svg%3E")}.ran-input[disabled]{color:var(--ran-input-disabled-color, var(--ran-color-text-disabled, #00000040));background-color:var(--ran-input-disabled-background-color, var(--ran-color-bg-muted, #f5f5f5));border-color:var(--ran-input-disabled-border-color, var(--ran-color-border, #eaeaea));box-shadow:var(--ran-input-disabled-box-shadow, none);cursor:var(--ran-input-disabled-cursor, not-allowed);opacity:var(--ran-input-disabled-opacity, 1)}.ran-input[disabled]>.ran-input-content{color:var(--ran-input-content-disabled-color, var(--ran-color-text-disabled, #00000040));background-color:var(--ran-input-content-disabled-background-color, var(--ran-color-bg-muted, #f5f5f5));border-color:var(--ran-input-content-disabled-border-color, var(--ran-color-border, #eaeaea));box-shadow:var(--ran-input-content-disabled-box-shadow, none);cursor:var(--ran-input-content-disabled-cursor, not-allowed);opacity:var(--ran-input-content-disabled-opacity, 1)}.ran-input[disabled]>.ran-input-content~.ran-input-label{color:var(--ran-input-label-disabled-color, var(--ran-color-text-disabled, #00000040));background-color:var(--ran-input-label-disabled-background-color, var(--ran-color-bg-muted, #f5f5f5))}.ran-input[disabled]>.ran-input-label{color:var(--ran-input-label-disabled-color, var(--ran-color-text-disabled, #999));border-color:var(--ran-input-label-disabled-border-color, var(--ran-color-border, #eaeaea));box-shadow:var(--ran-input-label-disabled-box-shadow, none);cursor:var(--ran-input-label-disabled-cursor, not-allowed)}.ran-input-content{writing-mode:var(--ran-input-content-writing-mode, horizontal-tb);text-rendering:var(--ran-input-content-text-rendering, auto);letter-spacing:var(--ran-input-content-letter-spacing, normal);word-spacing:var(--ran-input-content-word-spacing, normal);text-transform:var(--ran-input-content-text-transform, none);text-indent:var(--ran-input-content-text-indent, 0px);text-shadow:var(--ran-input-content-text-shadow, none);text-align:var(--ran-input-content-text-align, start);cursor:var(--ran-input-content-cursor, text);touch-action:var(--ran-input-content-touch-action, manipulation);-webkit-appearance:var(--ran-input-content--webkit-appearance, none);text-overflow:var(--ran-input-content-text-overflow, ellipsis);box-sizing:var(--ran-input-content-box-sizing, border-box);margin:var(--ran-input-content-margin, 0);font-variant:var(--ran-input-content-font-variant, tabular-nums);list-style:var(--ran-input-content-list-style, none);font-feature-settings:var(--ran-input-content-font-feature-settings, "tnum");position:var(--ran-input-content-position, relative);border:var(--ran-input-content-border, none);width:var(--ran-input-content-width, 100%);height:var(--ran-input-content-height, 100%);min-height:var(--ran-input-content-min-height, 30px);min-width:var(--ran-input-content-min-width, 0);color:var(--ran-input-content-color, var(--ran-color-text, #000000d9));font-size:var(--ran-input-content-font-size, 14px);line-height:var(--ran-input-content-line-height, 1.48);background-color:var(--ran-input-content-background-color, var(--ran-color-bg-elevated, #fff));background-image:var(--ran-input-content-background-image, none);transition:var(--ran-input-content-transition, border-color var(--ran-motion-duration-base, .2s), box-shadow var(--ran-motion-duration-base, .2s), color var(--ran-motion-duration-base, .2s));outline:var(--ran-input-content-outline, none);border-radius:var(--ran-input-content-border-radius, var(--ran-radius-sm, 6px));padding:var(--ran-input-content-padding, 0 0 0 2px);font-weight:var(--ran-input-content-font-weight, 400)}.ran-input-content:focus,.ran-input-content:hover{border:var(--ran-input-content-hover-border, none);outline:var(--ran-input-content-hover-outline, 0)}.ran-input-content::placeholder{color:var(--ran-input-content-placeholder-color, var(--ran-color-text-disabled, #999))}.ran-input-content:placeholder-shown~.ran-input-label{transform:var(--ran-input-content-placeholder-label-transform, translateY( calc(-50% - .43em) ) scale(.8))}.ran-input-content:focus~.ran-input-label{transform:var(--ran-input-content-focus-label-transform, translateY( calc(-50% - .43em) ) scale(.8));top:var(--ran-input-content-focus-label-top, 0px)}.ran-input-content::-webkit-search-cancel-button{display:none;-webkit-appearance:none}.ran-input-label{box-sizing:var(--ran-input-label-box-sizing, border-box);pointer-events:var(--ran-input-label-pointer-events, none);position:var(--ran-input-label-position, absolute);font-size:var(--ran-input-label-font-size, 14px);left:var(--ran-input-label-left, 8px);transition:var(--ran-input-label-transition, transform .3s, color .3s, background-color .3s, backdrop-filter .3s);transform-origin:var(--ran-input-label-transform-origin, left);padding:var(--ran-input-label-padding, 0 0);color:var(--ran-input-label-color, var(--ran-color-text-disabled, #999));background:var(--ran-input-label-background, var(--ran-color-bg-elevated, #fff));opacity:var(--ran-input-label-opacity, .9);transition:var(--ran-input-label-transition, all .3s)}.ran-input-message{margin-top:var(--ran-input-message-margin-top, 4px);font-size:var(--ran-input-message-font-size, 12px);line-height:var(--ran-input-message-line-height, 1.5);color:var(--ran-input-message-color, var(--ran-color-text-secondary, #8c8c8c))}.ran-input-message:empty{display:none}:host([status="error"]) .ran-input-message{color:var(--ran-input-message-error-color, var(--ran-color-danger, #ff4d4f))}:host([status="warning"]) .ran-input-message{color:var(--ran-input-message-warning-color, var(--ran-color-warning, #faad14))}`, f = 0, x = class extends g {
7
7
  static formAssociated = !0;
8
8
  _internals;
9
9
  static get observedAttributes() {
@@ -24,7 +24,7 @@ var m = `.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
24
24
  "sheet"
25
25
  ];
26
26
  }
27
- _events = new d();
27
+ _events = new c();
28
28
  _shadowDom;
29
29
  _input;
30
30
  _label;
@@ -38,8 +38,8 @@ var m = `.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
38
38
  } catch {
39
39
  this._internals = void 0;
40
40
  }
41
- this._shadowDom = s(this, m);
42
- const t = u(this._shadowDom, ".ran-input", () => a().class("ran-input").part("input").children(b().class("ran-input-content").part("content")).build());
41
+ this._shadowDom = l(this, m);
42
+ const t = p(this._shadowDom, ".ran-input", () => a().class("ran-input").part("input").children(b().class("ran-input-content").part("content")).build());
43
43
  this._input = t, this._inputContent = t.querySelector(".ran-input-content"), this._inputContent.id || (this._inputContent.id = `ran-input-${++f}`);
44
44
  }
45
45
  get value() {
@@ -121,13 +121,13 @@ var m = `.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
121
121
  t ? this.setAttribute("type", t) : this.removeAttribute("type");
122
122
  }
123
123
  get sheet() {
124
- return l(this, "sheet");
124
+ return u(this, "sheet");
125
125
  }
126
126
  set sheet(t) {
127
- p(this, "sheet", t);
127
+ o(this, "sheet", t);
128
128
  }
129
129
  handlerExternalCss = () => {
130
- o(this, this._shadowDom, "sheet", null, this.sheet);
130
+ s(this, this._shadowDom, "sheet", null, this.sheet);
131
131
  };
132
132
  customInput = (t) => {
133
133
  t.stopPropagation(), t.preventDefault();
@@ -141,7 +141,7 @@ var m = `.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
141
141
  t === "placeholder" && this._inputContent && (n != null ? this._inputContent.setAttribute("placeholder", n) : this._inputContent.removeAttribute("placeholder"));
142
142
  };
143
143
  listenLabel = (t, n) => {
144
- t === "label" && this._inputContent && (n != null ? this._label ? this._label.innerHTML = n : (this._label = h().class("ran-input-label").part("label").text(n).build(), this._label.htmlFor = this._inputContent.id, this._input.appendChild(this._label)) : (this._input.removeAttribute("label"), this._label && (this._input.removeChild(this._label), this._label = void 0)));
144
+ t === "label" && this._inputContent && (n != null ? this._label ? this._label.innerHTML = n : (this._label = d().class("ran-input-label").part("label").text(n).build(), this._label.htmlFor = this._inputContent.id, this._input.appendChild(this._label)) : (this._input.removeAttribute("label"), this._label && (this._input.removeChild(this._label), this._label = void 0)));
145
145
  };
146
146
  listenType = (t, n) => {
147
147
  t === "type" && this._inputContent && (n ? this._inputContent.setAttribute("type", n) : (this._inputContent.removeAttribute("type"), this._inputContent.removeAttribute("min"), this._inputContent.removeAttribute("max"), this._inputContent.removeAttribute("step")));
@@ -165,7 +165,7 @@ var m = `.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
165
165
  t === "icon" && n && n !== e && (this.removeAttribute("label"), this.setAttribute("icon", n), this.dealIcon());
166
166
  };
167
167
  dealIcon = () => {
168
- this._icon || (this._icon = c("r-icon").class("ran-icon").build(), this._inputContent.insertAdjacentElement("beforebegin", this._icon)), this.icon && this._icon.setAttribute("name", this.icon);
168
+ this._icon || (this._icon = h("r-icon").class("ran-icon").build(), this._inputContent.insertAdjacentElement("beforebegin", this._icon)), this.icon && this._icon.setAttribute("name", this.icon);
169
169
  };
170
170
  listenEvent = (t, n, e) => {
171
171
  this.listenPlaceholder(t, e), this.listenLabel(t, e), this.listenStatus(t, e), this.listenMessage(t, e), this.listenNumericConstraint(t, e), this.listenRequired(t, e), this.listenDisabled(t, e), this.listenIcon(t, e, n), t === "value" && n !== e && (this._inputContent.value = e, this._input.setAttribute("value", e));
package/dist/input.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as a } from "./input-Dskw1bAl.js";
1
+ import { t as a } from "./input-BM6e_LQr.js";
2
2
  export {
3
3
  a as Input,
4
4
  a as default
@@ -1,4 +1,4 @@
1
- import { c as i, d as n, l as s, s as o, u as a } from "./utils-D4pPF77E.js";
1
+ import { a as i, i as s, n, r as a, t as o } from "./utils-DBfrRFoE.js";
2
2
  import { t as h } from "./events-C59wGdni.js";
3
3
  import { a as c, n as l } from "./ssr-DSGwPtEd.js";
4
4
  import { useRouter as u } from "./utils/router.js";
@@ -14,7 +14,7 @@ var f = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
14
14
  _shadowDom;
15
15
  _anchor;
16
16
  constructor() {
17
- super(), this._shadowDom = i(this, f);
17
+ super(), this._shadowDom = n(this, f);
18
18
  const e = o(this._shadowDom, "a", () => {
19
19
  const t = document.createElement("a");
20
20
  return t.appendChild(document.createElement("slot")), t;
@@ -22,22 +22,22 @@ var f = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
22
22
  this._anchor = e;
23
23
  }
24
24
  get href() {
25
- return s(this, "href");
25
+ return a(this, "href");
26
26
  }
27
27
  set href(e) {
28
- a(this, "href", e);
28
+ s(this, "href", e);
29
29
  }
30
30
  get replace() {
31
31
  return this.hasAttribute("replace");
32
32
  }
33
33
  get sheet() {
34
- return s(this, "sheet");
34
+ return a(this, "sheet");
35
35
  }
36
36
  set sheet(e) {
37
- a(this, "sheet", e);
37
+ s(this, "sheet", e);
38
38
  }
39
39
  handlerExternalCss = () => {
40
- n(this, this._shadowDom, "sheet", null, this.sheet);
40
+ i(this, this._shadowDom, "sheet", null, this.sheet);
41
41
  };
42
42
  _handleClick = (e) => {
43
43
  if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
package/dist/link.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import "./utils/router.js";
2
- import { t as r } from "./link-BW-gvrpN.js";
2
+ import { t as r } from "./link-DURZzd7u.js";
3
3
  export {
4
4
  r as Link,
5
5
  r as default