veloce-vue 0.14.0 → 0.16.0

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 (79) hide show
  1. package/components/icon/Icon.vue.d.ts +24 -0
  2. package/components/icon/icons.d.ts +9 -0
  3. package/components/icon/index.d.ts +6 -9
  4. package/config.js +16 -0
  5. package/exports/config.d.ts +1 -0
  6. package/exports/icons.d.ts +1 -0
  7. package/exports/lib.d.ts +1 -0
  8. package/exports/ui.d.ts +2 -0
  9. package/icons.js +6 -0
  10. package/index-DETZgETo.js +147 -0
  11. package/lib/utils.d.ts +2 -0
  12. package/package.json +17 -29
  13. package/ui/accordion/Accordion.vue.d.ts +13 -0
  14. package/ui/accordion/AccordionContent.vue.d.ts +22 -0
  15. package/ui/accordion/AccordionItem.vue.d.ts +22 -0
  16. package/ui/accordion/AccordionRoot.vue.d.ts +24 -0
  17. package/ui/accordion/AccordionTrigger.vue.d.ts +23 -0
  18. package/ui/accordion/index.d.ts +5 -0
  19. package/ui/button/Button.vue.d.ts +31 -0
  20. package/ui/button/index.d.ts +8 -0
  21. package/ui.js +4050 -0
  22. package/utils/config.d.ts +10 -2
  23. package/veloce.css +1 -0
  24. package/README.md +0 -151
  25. package/components/accordion/Index.vue.d.ts +0 -31
  26. package/components/accordion/stories.d.ts +0 -10
  27. package/components/button/Index.vue.d.ts +0 -82
  28. package/components/button/props.d.ts +0 -37
  29. package/components/button/stories.d.ts +0 -23
  30. package/components/checkbox/Index.vue.d.ts +0 -43
  31. package/components/checkbox/props.d.ts +0 -14
  32. package/components/checkbox/stories.d.ts +0 -9
  33. package/components/drawer/Index.vue.d.ts +0 -77
  34. package/components/drawer/props.d.ts +0 -23
  35. package/components/drawer/stories.d.ts +0 -9
  36. package/components/icon/index.vue.d.ts +0 -10
  37. package/components/input/Index.vue.d.ts +0 -54
  38. package/components/input/props.d.ts +0 -19
  39. package/components/input/stories.d.ts +0 -9
  40. package/components/markdown-block/Index.vue.d.ts +0 -12
  41. package/components/modal/Index.vue.d.ts +0 -29
  42. package/components/modal/props.d.ts +0 -6
  43. package/components/modal/stories.d.ts +0 -6
  44. package/components/popover/Index.vue.d.ts +0 -47
  45. package/components/popover/props.d.ts +0 -15
  46. package/components/popover/stories.d.ts +0 -7
  47. package/components/range-slider/Index.vue.d.ts +0 -28
  48. package/components/range-slider/props.d.ts +0 -10
  49. package/components/range-slider/stories.d.ts +0 -7
  50. package/components/select/Index.vue.d.ts +0 -67
  51. package/components/select/props.d.ts +0 -27
  52. package/components/select/stories.d.ts +0 -11
  53. package/components/separator/Index.vue.d.ts +0 -44
  54. package/components/separator/props.d.ts +0 -19
  55. package/components/separator/stories.d.ts +0 -7
  56. package/components/toggle/Index.vue.d.ts +0 -36
  57. package/components/toggle/props.d.ts +0 -11
  58. package/components/toggle/stories.d.ts +0 -11
  59. package/components/tooltip/Index.vue.d.ts +0 -47
  60. package/components/tooltip/props.d.ts +0 -15
  61. package/components/tooltip/stories.d.ts +0 -10
  62. package/exports.d.ts +0 -12
  63. package/icons/alert.vue.d.ts +0 -3
  64. package/icons/check.vue.d.ts +0 -3
  65. package/icons/chevron-down.vue.d.ts +0 -3
  66. package/icons/close.vue.d.ts +0 -3
  67. package/icons/loading.vue.d.ts +0 -3
  68. package/index.cjs +0 -2
  69. package/index.cjs.map +0 -1
  70. package/index.js +0 -813
  71. package/index.js.map +0 -1
  72. package/pages/Home/Index.vue.d.ts +0 -3
  73. package/pages/Home/stories.d.ts +0 -6
  74. package/pages/config/Index.vue.d.ts +0 -3
  75. package/pages/config/stories.d.ts +0 -10
  76. package/types/config.d.ts +0 -9
  77. package/utils/storyControls.d.ts +0 -4
  78. package/utils/useRandomId.d.ts +0 -1
  79. package/veloce-vue.css +0 -1
package/utils/config.d.ts CHANGED
@@ -1,4 +1,12 @@
1
- import type { config as Config } from "@/types/config";
2
- export declare const config: (config: Config) => {
1
+ interface Colors {
2
+ primary: string;
3
+ secondary: string;
4
+ accent: string;
5
+ }
6
+ interface config {
7
+ colors: Colors;
8
+ }
9
+ export declare const config: (config: config) => {
3
10
  install(): void;
4
11
  };
12
+ export {};
package/veloce.css ADDED
@@ -0,0 +1 @@
1
+ /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-leading:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-500:oklch(55.1% .027 264.364);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--tracking-tight:-.025em;--leading-relaxed:1.625;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--ui-color-text)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.relative{position:relative}.col-start-2{grid-column-start:2}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.min-h-4{min-height:calc(var(--spacing)*4)}.w-full{width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-start{justify-items:start}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.bg-background{background-color:var(--background)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-primary{background-color:var(--ui-color-primary)}.bg-secondary{background-color:var(--ui-color-secondary)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.pt-0{padding-top:calc(var(--spacing)*0)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-gray-500{color:var(--color-gray-500)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--ui-color-primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media(hover:hover){.hover\:bg-accent:hover{background-color:var(--ui-color-accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--ui-color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--ui-color-primary)90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--ui-color-secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--ui-color-secondary)80%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg){grid-template-columns:calc(var(--spacing)*4)1fr}.has-\[\>svg\]\:gap-x-3:has(>svg){column-gap:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:color-mix(in oklab,var(--destructive)90%,transparent)}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:.2s ease-out accordion-up}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:.2s ease-out accordion-down}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}@media(hover:hover){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--ui-color-accent)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--ui-color-accent)50%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]),.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>svg\]\:translate-y-0\.5>svg{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>svg\]\:text-current>svg{color:currentColor}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--ui-color-primary:#f7934c;--ui-color-secondary:#f7b05b;--ui-color-accent:#ffc15e;--ui-color-text:#1c1c1c;--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.7% .004 49.25);--card:oklch(100% 0 0);--card-foreground:oklch(14.7% .004 49.25);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.7% .004 49.25);--primary:oklch(21.6% .006 56.043);--primary-foreground:oklch(98.5% .001 106.423);--secondary:oklch(97% .001 106.424);--secondary-foreground:oklch(21.6% .006 56.043);--muted:oklch(97% .001 106.424);--muted-foreground:oklch(55.3% .013 58.071);--accent:oklch(97% .001 106.424);--accent-foreground:oklch(21.6% .006 56.043);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(57.7% .245 27.325);--border:oklch(92.3% .003 48.717);--input:oklch(92.3% .003 48.717);--ring:oklch(70.9% .01 56.259);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% .001 106.423);--sidebar-foreground:oklch(14.7% .004 49.25);--sidebar-primary:oklch(21.6% .006 56.043);--sidebar-primary-foreground:oklch(98.5% .001 106.423);--sidebar-accent:oklch(97% .001 106.424);--sidebar-accent-foreground:oklch(21.6% .006 56.043);--sidebar-border:oklch(92.3% .003 48.717);--sidebar-ring:oklch(70.9% .01 56.259)}.dark{--background:oklch(14.7% .004 49.25);--foreground:oklch(98.5% .001 106.423);--card:oklch(14.7% .004 49.25);--card-foreground:oklch(98.5% .001 106.423);--popover:oklch(14.7% .004 49.25);--popover-foreground:oklch(98.5% .001 106.423);--primary:oklch(98.5% .001 106.423);--primary-foreground:oklch(21.6% .006 56.043);--secondary:oklch(26.8% .007 34.298);--secondary-foreground:oklch(98.5% .001 106.423);--muted:oklch(26.8% .007 34.298);--muted-foreground:oklch(70.9% .01 56.259);--accent:oklch(26.8% .007 34.298);--accent-foreground:oklch(98.5% .001 106.423);--destructive:oklch(39.6% .141 25.723);--destructive-foreground:oklch(63.7% .237 25.331);--border:oklch(26.8% .007 34.298);--input:oklch(26.8% .007 34.298);--ring:oklch(55.3% .013 58.071);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(21.6% .006 56.043);--sidebar-foreground:oklch(98.5% .001 106.423);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% .001 106.423);--sidebar-accent:oklch(26.8% .007 34.298);--sidebar-accent-foreground:oklch(98.5% .001 106.423);--sidebar-border:oklch(26.8% .007 34.298);--sidebar-ring:oklch(55.3% .013 58.071)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@keyframes accordion-down{0%{height:0}to{height:var(--reka-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--reka-accordion-content-height)}to{height:0}}
package/README.md DELETED
@@ -1,151 +0,0 @@
1
- <h1 align="center">Welcome to VeloceVue</h1>
2
-
3
- A modern Vue.js UI component library built with Vue, Typescript, Storybook and Tailwind CSS.
4
-
5
- [![npm version](https://img.shields.io/npm/v/veloce-vue.svg)](https://www.npmjs.com/package/veloce-vue)
6
- ![npm downloads](https://img.shields.io/npm/dm/veloce-vue.svg)
7
- ![license](https://img.shields.io/npm/l/veloce-vue.svg)
8
-
9
- ## Installation
10
-
11
- Install the library from NPM:
12
-
13
- ```bash
14
- pnpm add veloce-vue
15
- ```
16
-
17
- ## Setup
18
-
19
- ### 1. Import the CSS
20
-
21
- Import the library's styles in your main application file:
22
-
23
- ```javascript
24
- import "veloce-vue/style.css";
25
- ```
26
-
27
- ### 2. Import Components
28
-
29
- Import the components you need in your Vue components:
30
-
31
- ```javascript
32
- import { Button } from "veloce-vue";
33
- ```
34
-
35
- ## Usage Example
36
-
37
- ```vue
38
- <template>
39
- <div>
40
- <!-- Primary Button -->
41
- <Button label="Primary Button" />
42
- </div>
43
- </template>
44
-
45
- <script setup>
46
- import { Button } from "veloce-vue";
47
- </script>
48
- ```
49
-
50
- ## Main Application Setup
51
-
52
- In your main application file (e.g., `main.ts`):
53
-
54
- ```javascript
55
- import "veloce-vue/styles.css";
56
- import "./style.css";
57
-
58
- import { createApp } from "vue";
59
- import App from "./App.vue";
60
-
61
- const app = createApp(App);
62
- app.mount("#app");
63
- ```
64
-
65
- ## Requirements
66
-
67
- - Vue 3.5 or higher
68
- - Tailwind CSS v4 (for styling)
69
-
70
- ### Consuming application UI configuration
71
-
72
- Create `ui.config.ts` and add the following code:
73
-
74
- ```javascript
75
- import { config } from "veloce-vue";
76
-
77
- const themeConfig = {
78
- colors: {
79
- primary: "#F5276C",
80
- secondary: "#F54927",
81
- accent: "#F5B027",
82
- },
83
- };
84
-
85
- export default config(themeConfig);
86
- ```
87
-
88
- Import and use it in `main.ts`:
89
-
90
- ```javascript
91
- import UIConfig from "./ui.config";
92
-
93
- // after creating your Vue app instance:
94
- app.use(UIConfig);
95
- ```
96
-
97
- Use the UI colors in your components/styles:
98
-
99
- ```html
100
- <div :style="{ backgroundColor: 'var(--ui-color-primary)' }">...</div>
101
- ```
102
-
103
- > **ℹ️ Developer Alert:**
104
- > This library is in active development. APIs and styles may change between releases.
105
- > Please consult the documentation and changelog for updates before production use.
106
-
107
- ## Development
108
-
109
- This library is built using:
110
-
111
- - Vite
112
- - Vue 3
113
- - TypeScript
114
- - Tailwind CSS v4
115
- - Storybook v9.1.10
116
-
117
- ### Run development server
118
-
119
- ```bash
120
- pnpm dev
121
- ```
122
-
123
- This will start the development server at `http://localhost:6006`.
124
-
125
- ## Production
126
-
127
- ### Build storybook
128
-
129
- ```bash
130
- pnpm run build-storybook
131
- ```
132
-
133
- This will build the storybook into the `build/storybook` directory.
134
-
135
- ### Preview storybook build
136
-
137
- ```bash
138
- pnpm run preview-storybook
139
- ```
140
-
141
- This will start the storybook production build at `http://localhost:3000`.
142
-
143
- ### Build npm package
144
-
145
- ```bash
146
- pnpm run build
147
- ```
148
-
149
- This will build the npm package into the `build/package` directory.
150
-
151
- > ℹ️ VeloceVue is in active development. APIs and styles may evolve.
@@ -1,31 +0,0 @@
1
- declare var __VLS_7: string, __VLS_8: {};
2
- type __VLS_Slots = {} & {
3
- [K in NonNullable<typeof __VLS_7>]?: (props: typeof __VLS_8) => any;
4
- };
5
- declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
6
- items: {
7
- type: () => {
8
- title: string;
9
- content: string;
10
- slot?: string;
11
- }[];
12
- required: true;
13
- };
14
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
15
- items: {
16
- type: () => {
17
- title: string;
18
- content: string;
19
- slot?: string;
20
- }[];
21
- required: true;
22
- };
23
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
24
- declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
25
- declare const _default: typeof __VLS_export;
26
- export default _default;
27
- type __VLS_WithSlots<T, S> = T & {
28
- new (): {
29
- $slots: S;
30
- };
31
- };
@@ -1,10 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/vue3-vite";
2
- import Accordion from "./Index.vue";
3
- declare const meta: Meta<typeof Accordion>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const SingleItem: Story;
8
- export declare const ManyItems: Story;
9
- export declare const WithSlots: Story;
10
- export declare const Empty: Story;
@@ -1,82 +0,0 @@
1
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
- readonly label: {
3
- readonly type: StringConstructor;
4
- readonly default: "";
5
- };
6
- readonly loading: {
7
- readonly type: BooleanConstructor;
8
- readonly default: false;
9
- };
10
- readonly disabled: {
11
- readonly type: BooleanConstructor;
12
- readonly default: false;
13
- };
14
- readonly variant: {
15
- readonly type: import("vue").PropType<"outlined" | "text" | "ghost" | "solid" | "gray">;
16
- readonly default: "solid";
17
- readonly options: readonly ["outlined", "text", "ghost", "solid", "gray"];
18
- };
19
- readonly icon: {
20
- readonly type: StringConstructor;
21
- readonly default: "";
22
- };
23
- readonly iconClass: {
24
- readonly type: StringConstructor;
25
- readonly default: "";
26
- };
27
- readonly iconPosition: {
28
- readonly type: import("vue").PropType<"left" | "right">;
29
- readonly default: "right";
30
- readonly options: readonly ["left", "right"];
31
- };
32
- readonly rounded: {
33
- readonly type: BooleanConstructor;
34
- readonly default: false;
35
- };
36
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
37
- readonly label: {
38
- readonly type: StringConstructor;
39
- readonly default: "";
40
- };
41
- readonly loading: {
42
- readonly type: BooleanConstructor;
43
- readonly default: false;
44
- };
45
- readonly disabled: {
46
- readonly type: BooleanConstructor;
47
- readonly default: false;
48
- };
49
- readonly variant: {
50
- readonly type: import("vue").PropType<"outlined" | "text" | "ghost" | "solid" | "gray">;
51
- readonly default: "solid";
52
- readonly options: readonly ["outlined", "text", "ghost", "solid", "gray"];
53
- };
54
- readonly icon: {
55
- readonly type: StringConstructor;
56
- readonly default: "";
57
- };
58
- readonly iconClass: {
59
- readonly type: StringConstructor;
60
- readonly default: "";
61
- };
62
- readonly iconPosition: {
63
- readonly type: import("vue").PropType<"left" | "right">;
64
- readonly default: "right";
65
- readonly options: readonly ["left", "right"];
66
- };
67
- readonly rounded: {
68
- readonly type: BooleanConstructor;
69
- readonly default: false;
70
- };
71
- }>> & Readonly<{}>, {
72
- readonly label: string;
73
- readonly loading: boolean;
74
- readonly disabled: boolean;
75
- readonly variant: "text" | "outlined" | "ghost" | "solid" | "gray";
76
- readonly icon: string;
77
- readonly iconClass: string;
78
- readonly iconPosition: "left" | "right";
79
- readonly rounded: boolean;
80
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
81
- declare const _default: typeof __VLS_export;
82
- export default _default;
@@ -1,37 +0,0 @@
1
- import type { PropType } from "vue";
2
- export declare const props: {
3
- readonly label: {
4
- readonly type: StringConstructor;
5
- readonly default: "";
6
- };
7
- readonly loading: {
8
- readonly type: BooleanConstructor;
9
- readonly default: false;
10
- };
11
- readonly disabled: {
12
- readonly type: BooleanConstructor;
13
- readonly default: false;
14
- };
15
- readonly variant: {
16
- readonly type: PropType<"outlined" | "text" | "ghost" | "solid" | "gray">;
17
- readonly default: "solid";
18
- readonly options: readonly ["outlined", "text", "ghost", "solid", "gray"];
19
- };
20
- readonly icon: {
21
- readonly type: StringConstructor;
22
- readonly default: "";
23
- };
24
- readonly iconClass: {
25
- readonly type: StringConstructor;
26
- readonly default: "";
27
- };
28
- readonly iconPosition: {
29
- readonly type: PropType<"left" | "right">;
30
- readonly default: "right";
31
- readonly options: readonly ["left", "right"];
32
- };
33
- readonly rounded: {
34
- readonly type: BooleanConstructor;
35
- readonly default: false;
36
- };
37
- };
@@ -1,23 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/vue3-vite";
2
- import Button from "./Index.vue";
3
- declare const meta: Meta<typeof Button>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const WithIconLeft: Story;
8
- export declare const WithIconRight: Story;
9
- export declare const Loading: Story;
10
- export declare const Disabled: Story;
11
- export declare const Solid: Story;
12
- export declare const Outlined: Story;
13
- export declare const Text: Story;
14
- export declare const Ghost: Story;
15
- export declare const Rounded: Story;
16
- export declare const OnlyIcon: Story;
17
- export declare const CustomIconClass: {
18
- args: {
19
- label: string;
20
- icon: string;
21
- iconClass: string;
22
- };
23
- };
@@ -1,43 +0,0 @@
1
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
- label: {
3
- readonly type: StringConstructor;
4
- readonly default: "";
5
- };
6
- labelClass: {
7
- readonly type: StringConstructor;
8
- readonly default: "";
9
- };
10
- checkboxClass: {
11
- readonly type: StringConstructor;
12
- readonly default: "";
13
- };
14
- modelValue: {
15
- type: import("vue").PropType<any>;
16
- };
17
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
18
- "update:modelValue": (value: any) => any;
19
- }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
20
- label: {
21
- readonly type: StringConstructor;
22
- readonly default: "";
23
- };
24
- labelClass: {
25
- readonly type: StringConstructor;
26
- readonly default: "";
27
- };
28
- checkboxClass: {
29
- readonly type: StringConstructor;
30
- readonly default: "";
31
- };
32
- modelValue: {
33
- type: import("vue").PropType<any>;
34
- };
35
- }>> & Readonly<{
36
- "onUpdate:modelValue"?: ((value: any) => any) | undefined;
37
- }>, {
38
- label: string;
39
- labelClass: string;
40
- checkboxClass: string;
41
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
42
- declare const _default: typeof __VLS_export;
43
- export default _default;
@@ -1,14 +0,0 @@
1
- export declare const props: {
2
- readonly label: {
3
- readonly type: StringConstructor;
4
- readonly default: "";
5
- };
6
- readonly labelClass: {
7
- readonly type: StringConstructor;
8
- readonly default: "";
9
- };
10
- readonly checkboxClass: {
11
- readonly type: StringConstructor;
12
- readonly default: "";
13
- };
14
- };
@@ -1,9 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/vue3-vite";
2
- import Checkbox from "./Index.vue";
3
- declare const meta: Meta<typeof Checkbox>;
4
- export default meta;
5
- type Story = StoryObj<typeof Checkbox>;
6
- export declare const Default: Story;
7
- export declare const Checked: Story;
8
- export declare const LabelClass: Story;
9
- export declare const CheckboxClass: Story;
@@ -1,77 +0,0 @@
1
- declare var __VLS_1: {}, __VLS_10: {}, __VLS_12: {};
2
- type __VLS_Slots = {} & {
3
- default?: (props: typeof __VLS_1) => any;
4
- } & {
5
- content?: (props: typeof __VLS_10) => any;
6
- } & {
7
- footer?: (props: typeof __VLS_12) => any;
8
- };
9
- declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
10
- direction: {
11
- readonly type: () => "left" | "bottom" | "right";
12
- readonly default: "bottom";
13
- readonly options: readonly ["left", "bottom", "right"];
14
- };
15
- title: {
16
- readonly type: StringConstructor;
17
- readonly default: "";
18
- };
19
- description: {
20
- readonly type: StringConstructor;
21
- readonly default: "";
22
- };
23
- showFooter: {
24
- readonly type: BooleanConstructor;
25
- readonly default: false;
26
- };
27
- show: {
28
- readonly type: BooleanConstructor;
29
- readonly default: false;
30
- };
31
- modelValue: {
32
- type: import("vue").PropType<any>;
33
- };
34
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
35
- "update:modelValue": (value: any) => any;
36
- }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
37
- direction: {
38
- readonly type: () => "left" | "bottom" | "right";
39
- readonly default: "bottom";
40
- readonly options: readonly ["left", "bottom", "right"];
41
- };
42
- title: {
43
- readonly type: StringConstructor;
44
- readonly default: "";
45
- };
46
- description: {
47
- readonly type: StringConstructor;
48
- readonly default: "";
49
- };
50
- showFooter: {
51
- readonly type: BooleanConstructor;
52
- readonly default: false;
53
- };
54
- show: {
55
- readonly type: BooleanConstructor;
56
- readonly default: false;
57
- };
58
- modelValue: {
59
- type: import("vue").PropType<any>;
60
- };
61
- }>> & Readonly<{
62
- "onUpdate:modelValue"?: ((value: any) => any) | undefined;
63
- }>, {
64
- title: string;
65
- direction: "left" | "right" | "bottom";
66
- description: string;
67
- showFooter: boolean;
68
- show: boolean;
69
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
70
- declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
71
- declare const _default: typeof __VLS_export;
72
- export default _default;
73
- type __VLS_WithSlots<T, S> = T & {
74
- new (): {
75
- $slots: S;
76
- };
77
- };
@@ -1,23 +0,0 @@
1
- export declare const props: {
2
- readonly direction: {
3
- readonly type: () => "left" | "bottom" | "right";
4
- readonly default: "bottom";
5
- readonly options: readonly ["left", "bottom", "right"];
6
- };
7
- readonly title: {
8
- readonly type: StringConstructor;
9
- readonly default: "";
10
- };
11
- readonly description: {
12
- readonly type: StringConstructor;
13
- readonly default: "";
14
- };
15
- readonly showFooter: {
16
- readonly type: BooleanConstructor;
17
- readonly default: false;
18
- };
19
- readonly show: {
20
- readonly type: BooleanConstructor;
21
- readonly default: false;
22
- };
23
- };
@@ -1,9 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/vue3-vite";
2
- import Drawer from "./Index.vue";
3
- declare const meta: Meta<typeof Drawer>;
4
- export default meta;
5
- type Story = StoryObj<typeof Drawer>;
6
- export declare const Default: Story;
7
- export declare const Left: Story;
8
- export declare const Bottom: Story;
9
- export declare const Right: Story;
@@ -1,10 +0,0 @@
1
- import { type IconNames } from "./index.ts";
2
- type __VLS_Props = {
3
- icon: IconNames | (string & {});
4
- fallbackIcon?: IconNames | (string & {});
5
- class?: string;
6
- size?: number | string;
7
- };
8
- declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
9
- declare const _default: typeof __VLS_export;
10
- export default _default;
@@ -1,54 +0,0 @@
1
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
- icon: {
3
- readonly type: StringConstructor;
4
- readonly default: "";
5
- };
6
- placeholder: {
7
- readonly type: StringConstructor;
8
- readonly default: "";
9
- };
10
- helpText: {
11
- readonly type: StringConstructor;
12
- readonly default: "";
13
- };
14
- type: {
15
- readonly type: StringConstructor;
16
- readonly default: "text";
17
- readonly options: readonly ["text", "password"];
18
- };
19
- modelValue: {
20
- type: import("vue").PropType<any>;
21
- };
22
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
23
- "update:modelValue": (value: any) => any;
24
- }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
25
- icon: {
26
- readonly type: StringConstructor;
27
- readonly default: "";
28
- };
29
- placeholder: {
30
- readonly type: StringConstructor;
31
- readonly default: "";
32
- };
33
- helpText: {
34
- readonly type: StringConstructor;
35
- readonly default: "";
36
- };
37
- type: {
38
- readonly type: StringConstructor;
39
- readonly default: "text";
40
- readonly options: readonly ["text", "password"];
41
- };
42
- modelValue: {
43
- type: import("vue").PropType<any>;
44
- };
45
- }>> & Readonly<{
46
- "onUpdate:modelValue"?: ((value: any) => any) | undefined;
47
- }>, {
48
- type: string;
49
- icon: string;
50
- placeholder: string;
51
- helpText: string;
52
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
53
- declare const _default: typeof __VLS_export;
54
- export default _default;
@@ -1,19 +0,0 @@
1
- export declare const props: {
2
- readonly icon: {
3
- readonly type: StringConstructor;
4
- readonly default: "";
5
- };
6
- readonly placeholder: {
7
- readonly type: StringConstructor;
8
- readonly default: "";
9
- };
10
- readonly helpText: {
11
- readonly type: StringConstructor;
12
- readonly default: "";
13
- };
14
- readonly type: {
15
- readonly type: StringConstructor;
16
- readonly default: "text";
17
- readonly options: readonly ["text", "password"];
18
- };
19
- };