@youcan/celeste 0.9.0 → 0.9.2

package/dist/celeste.css

@@ -2000,7 +2000,7 @@ to {
 .celeste-text-input-button[inline=true][data-v-8b3cdb5f]:hover {
   background-color: transparent !important;
 }/* stylelint-disable no-descending-specificity */
-.celeste-text-input-wrapper[data-v-394fa109] {
+.celeste-text-input-wrapper[data-v-ebb54f92] {
   --celeste-text-input-border-color: var(--color-stroke-soft-200);
   --celeste-text-input-drop-shadow: var(--shadow-regular-xs);
   --celeste-text-input-icon-color: var(--color-text-soft-400);
@@ -2023,28 +2023,28 @@ to {
   font: var(--paragraph-sm);
   gap: var(--input-gap);
 }
-.celeste-text-input-wrapper[size=xs][data-v-394fa109] {
+.celeste-text-input-wrapper[size=xs][data-v-ebb54f92] {
   --input-gap: 8px;
   --input-height: 32px;
   --input-radius: var(--radius-8);
   --input-padding: calc(var(--spacing-8) - var(--spacing-2));
 }
-.celeste-text-input-wrapper[size=sm][data-v-394fa109] {
+.celeste-text-input-wrapper[size=sm][data-v-ebb54f92] {
   --input-gap: 6px;
   --input-height: 36px;
   --input-radius: var(--radius-8);
   --input-padding: var(--spacing-8);
 }
-.celeste-text-input-wrapper[size=md][data-v-394fa109] {
+.celeste-text-input-wrapper[size=md][data-v-ebb54f92] {
   --input-gap: 6px;
   --input-height: 40px;
   --input-radius: var(--radius-10);
   --input-padding: var(--spacing-10);
 }
-.celeste-text-input-wrapper[has-error=true][data-v-394fa109] {
+.celeste-text-input-wrapper[has-error=true][data-v-ebb54f92] {
   --celeste-text-input-border-color: var(--color-state-error-base);
 }
-.celeste-text-input-wrapper .celeste-text-input[data-v-394fa109] {
+.celeste-text-input-wrapper .celeste-text-input[data-v-ebb54f92] {
   width: 100%;
   height: 100%;
   padding: 0;
@@ -2054,49 +2054,62 @@ to {
   color: inherit;
   font: inherit;
 }
-.celeste-text-input-wrapper .celeste-text-input[data-v-394fa109]::-moz-placeholder {
+.celeste-text-input-wrapper .celeste-text-input[data-v-ebb54f92]::-moz-placeholder {
   -moz-transition: color var(--animation-fast) ease-out;
   transition: color var(--animation-fast) ease-out;
   color: var(--celeste-text-input-placeholder-color);
 }
-.celeste-text-input-wrapper .celeste-text-input[data-v-394fa109]::placeholder {
+.celeste-text-input-wrapper .celeste-text-input[data-v-ebb54f92]::placeholder {
   transition: color var(--animation-fast) ease-out;
   color: var(--celeste-text-input-placeholder-color);
 }
-.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-394fa109]::-webkit-search-cancel-button {
+.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-ebb54f92]::-webkit-search-cancel-button {
   display: none;
   -webkit-appearance: none;
           appearance: none;
 }
-.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-394fa109]::-webkit-search-decoration {
+.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-ebb54f92]::-webkit-search-decoration {
   display: none;
   -webkit-appearance: none;
           appearance: none;
 }
-.celeste-text-input-wrapper[data-v-394fa109]:has(.celeste-text-input-leading-node) {
+.celeste-text-input-wrapper .celeste-text-input[type=date][data-v-ebb54f92]::-webkit-calendar-picker-indicator {
+  display: none;
+  -webkit-appearance: none;
+          appearance: none;
+}
+.celeste-text-input-wrapper .celeste-text-input[type=date][data-v-ebb54f92]::-webkit-clear-button, .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-ebb54f92]::-webkit-inner-spin-button {
+  display: none;
+  -webkit-appearance: none;
+          appearance: none;
+}
+.celeste-text-input-wrapper .celeste-text-input[type=date][data-v-ebb54f92]::-ms-clear, .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-ebb54f92]::-ms-expand {
+  display: none;
+}
+.celeste-text-input-wrapper[data-v-ebb54f92]:has(.celeste-text-input-leading-node) {
   padding-inline-start: 0;
 }
-.celeste-text-input-wrapper[data-v-394fa109]:has(.celeste-text-input-trailing-node) {
+.celeste-text-input-wrapper[data-v-ebb54f92]:has(.celeste-text-input-trailing-node) {
   padding-inline-end: 0;
 }
-.celeste-text-input-wrapper[data-v-394fa109]:has(.celeste-text-input:focus) {
+.celeste-text-input-wrapper[data-v-ebb54f92]:has(.celeste-text-input:focus) {
   --celeste-text-input-border-color: var(--color-stroke-strong-950);
   --celeste-text-input-placeholder-color: var(--color-text-sub-600);
   --celeste-text-input-icon-color: var(--color-text-sub-600);
   --celeste-text-input-affix-color: var(--color-text-sub-600);
   outline-color: var(--color-stroke-soft-200);
 }
-.celeste-text-input-wrapper:has(.celeste-text-input:focus)[has-error=true][data-v-394fa109] {
+.celeste-text-input-wrapper:has(.celeste-text-input:focus)[has-error=true][data-v-ebb54f92] {
   --celeste-text-input-border-color: var(--color-state-error-base);
   outline-color: var(--color-state-error-lighter);
 }
-.celeste-text-input-wrapper[data-v-394fa109] input:-webkit-autofill {
+.celeste-text-input-wrapper[data-v-ebb54f92] input:-webkit-autofill {
   -webkit-transition: background-color 5000s ease-in-out 0s;
   transition: background-color 5000s ease-in-out 0s;
   -webkit-background-clip: text;
           background-clip: text;
 }
-.celeste-text-input-wrapper[data-v-394fa109]:has(.celeste-text-input:disabled) {
+.celeste-text-input-wrapper[data-v-ebb54f92]:has(.celeste-text-input:disabled) {
   --celeste-text-input-border-color: transparent;
   --celeste-text-input-drop-shadow: none;
   --celeste-text-input-affix-background-color: var(--color-bg-weak-50);
@@ -2108,56 +2121,56 @@ to {
   color: var(--color-text-disabled-300);
   pointer-events: none;
 }
-.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-394fa109]::-moz-placeholder {
+.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-ebb54f92]::-moz-placeholder {
   color: currentcolor;
 }
-.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-394fa109]::placeholder {
+.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-ebb54f92]::placeholder {
   color: currentcolor;
 }
-.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input-clear-button[data-v-394fa109] {
+.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input-clear-button[data-v-ebb54f92] {
   color: var(--color-text-disabled-300);
   pointer-events: none;
 }
-.celeste-text-input-wrapper[data-v-394fa109]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node)) {
+.celeste-text-input-wrapper[data-v-ebb54f92]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node)) {
   --celeste-text-input-border-color: transparent;
 }
-.celeste-text-input-wrapper[data-v-394fa109]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node:hover)) {
+.celeste-text-input-wrapper[data-v-ebb54f92]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node:hover)) {
   --celeste-text-input-icon-color: var(--color-text-sub-600);
   --celeste-text-input-placeholder-color: var(--color-text-sub-600);
   background-color: var(--color-bg-weak-50);
 }
-.celeste-text-input-wrapper .celeste-text-input-icon[data-v-394fa109] {
+.celeste-text-input-wrapper .celeste-text-input-icon[data-v-ebb54f92] {
   flex-shrink: 0;
   width: 20px;
   height: 20px;
   transition: all var(--animation-fast) ease-out;
   color: var(--celeste-text-input-icon-color);
 }
-.celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-leading-node,
-.celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-trailing-node {
+.celeste-text-input-wrapper[data-v-ebb54f92] .celeste-text-input-node.celeste-text-input-leading-node,
+.celeste-text-input-wrapper[data-v-ebb54f92] .celeste-text-input-node.celeste-text-input-trailing-node {
   height: calc(var(--input-height) - var(--spacing-2)) !important;
 }
-[dir=ltr] .celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-leading-node {
+[dir=ltr] .celeste-text-input-wrapper[data-v-ebb54f92] .celeste-text-input-node.celeste-text-input-leading-node {
   border-right: 1px solid var(--color-stroke-soft-200) !important;
   border-radius: var(--input-radius) 0 0 var(--input-radius) !important;
 }
-[dir=ltr] .celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-trailing-node {
+[dir=ltr] .celeste-text-input-wrapper[data-v-ebb54f92] .celeste-text-input-node.celeste-text-input-trailing-node {
   border-left: 1px solid var(--color-stroke-soft-200) !important;
   border-radius: 0 var(--input-radius) var(--input-radius) 0 !important;
 }
-[dir=rtl] .celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-leading-node {
+[dir=rtl] .celeste-text-input-wrapper[data-v-ebb54f92] .celeste-text-input-node.celeste-text-input-leading-node {
   border-left: 1px solid var(--color-stroke-soft-200) !important;
   border-radius: 0 var(--input-radius) var(--input-radius) 0 !important;
 }
-[dir=rtl] .celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-trailing-node {
+[dir=rtl] .celeste-text-input-wrapper[data-v-ebb54f92] .celeste-text-input-node.celeste-text-input-trailing-node {
   border-right: 1px solid var(--color-stroke-soft-200) !important;
   border-radius: var(--input-radius) 0 0 var(--input-radius) !important;
 }
-.celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-leading-node {
+.celeste-text-input-wrapper[data-v-ebb54f92] .celeste-text-input-node.celeste-text-input-leading-node {
   border-right: 1px solid var(--color-stroke-soft-200) !important;
   border-radius: var(--input-radius) 0 0 var(--input-radius) !important;
 }
-.celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-trailing-node {
+.celeste-text-input-wrapper[data-v-ebb54f92] .celeste-text-input-node.celeste-text-input-trailing-node {
   border-left: 1px solid var(--color-stroke-soft-200) !important;
   border-radius: 0 var(--input-radius) var(--input-radius) 0 !important;
 }.celeste-picker-trigger[data-v-94b97787] {
@@ -3622,14 +3635,14 @@ to {
   border-radius: var(--radius-8);
   color: var(--color-neutral-700);
   gap: var(--spacing-8);
-}.celeste-rich-editor[data-v-a7c556a7] {
+}.celeste-rich-editor[data-v-d03a78c8] {
   position: relative;
   border: 1px solid var(--color-stroke-soft-200);
   border-radius: var(--spacing-12);
   background: var(--color-bg-white-0);
   box-shadow: var(--shadow-regular-xs);
 }
-.celeste-rich-editor .toolbar[data-v-a7c556a7] {
+.celeste-rich-editor .toolbar[data-v-d03a78c8] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -3639,127 +3652,128 @@ to {
   background: var(--color-bg-white-0);
   gap: var(--spacing-4);
 }
-.celeste-rich-editor .toolbar[data-v-a7c556a7] .celeste-cbutton:active {
+.celeste-rich-editor .toolbar[data-v-d03a78c8] .celeste-cbutton:active {
   background-color: var(--color-bg-weak-50);
   box-shadow: none;
   color: var(--color-icon-strong-950);
 }
-.celeste-rich-editor .toolbar .celeste-cbutton.active[data-v-a7c556a7] {
+.celeste-rich-editor .toolbar .celeste-cbutton.active[data-v-d03a78c8] {
   background-color: var(--color-neutral-100);
   color: var(--color-icon-strong-950);
 }
-.celeste-rich-editor .toolbar .divider[data-v-a7c556a7] {
+.celeste-rich-editor .toolbar .divider[data-v-d03a78c8] {
   width: 1px;
   height: 16px;
   margin: 0 3px;
   background: var(--color-stroke-soft-200);
 }
-.celeste-rich-editor .toolbar .extra-settings-wrapper[data-v-a7c556a7] {
+.celeste-rich-editor .toolbar .extra-settings-wrapper[data-v-d03a78c8] {
   display: flex;
   align-items: center;
 }
-.celeste-rich-editor .text-field[data-v-a7c556a7] {
+.celeste-rich-editor .text-field[data-v-d03a78c8] {
   min-height: 88px;
   margin: var(--spacing-12);
   padding-inline-end: var(--spacing-12);
   overflow-y: auto;
   resize: vertical;
 }
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap {
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap {
   min-height: 88px;
   outline: none;
 }
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap :first-child {
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap :first-child {
   margin-top: 0;
 }
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap p.is-editor-empty:first-child::before {
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap p.is-editor-empty:first-child::before {
   content: attr(data-placeholder);
+  float: left;
   height: 0;
   color: var(--color-neutral-300);
   pointer-events: none;
 }
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap h1,
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap h2,
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap h3,
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap h4,
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap h5,
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap h6,
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap p {
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap h1,
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap h2,
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap h3,
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap h4,
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap h5,
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap h6,
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap p {
   margin-bottom: 0;
 }
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap h1 {
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap h1 {
   margin-top: 40px;
   font-size: 56px;
   font-weight: 500;
   letter-spacing: -0.01em;
   line-height: 64px;
 }
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap h2 {
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap h2 {
   margin-top: 36px;
   font-size: 48px;
   font-weight: 500;
   letter-spacing: -0.01em;
   line-height: 56px;
 }
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap h3 {
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap h3 {
   margin-top: 32px;
   font-size: 40px;
   font-weight: 500;
   letter-spacing: -0.01em;
   line-height: 48px;
 }
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap h4 {
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap h4 {
   margin-top: 20px;
   font-size: 32px;
   font-weight: 500;
   letter-spacing: -0.005em;
   line-height: 40px;
 }
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap h5 {
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap h5 {
   margin-top: 20px;
   font-size: 24px;
   font-weight: 500;
   letter-spacing: 0;
   line-height: 32px;
 }
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap h6 {
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap h6 {
   margin-top: 16px;
   font-size: 20px;
   font-weight: 500;
   letter-spacing: 0;
   line-height: 28px;
 }
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap p {
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap p {
   margin-top: 12px;
   font-size: 16px;
   font-weight: 400;
   letter-spacing: -0.011em;
   line-height: 24px;
 }
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap ul,
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap ol {
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap ul,
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap ol {
   margin: 1.25rem 1rem 1.25rem 0.4rem;
   padding: 0 1rem;
 }
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap ul li p,
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap ol li p {
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap ul li p,
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap ol li p {
   margin-top: 0.25em;
   margin-bottom: 0.25em;
 }
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap ul {
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap ul {
   list-style-type: disc;
 }
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap ol {
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap ol {
   list-style-type: decimal;
 }
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap a {
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap a {
   color: var(--color-blue-700);
   cursor: pointer;
 }
-.celeste-rich-editor .text-field[data-v-a7c556a7] .tiptap a:hover {
+.celeste-rich-editor .text-field[data-v-d03a78c8] .tiptap a:hover {
   color: var(--color-blue-500);
 }
-.celeste-rich-editor .characters-count[data-v-a7c556a7] {
+.celeste-rich-editor .characters-count[data-v-d03a78c8] {
   position: absolute;
   bottom: 7px;
   inset-inline-end: 22px;
@@ -3771,23 +3785,23 @@ to {
   color: var(--color-text-soft-400);
   font: var(--subheading-xxs);
 }
-.celeste-rich-editor .characters-count.warning[data-v-a7c556a7] {
+.celeste-rich-editor .characters-count.warning[data-v-d03a78c8] {
   color: var(--color-state-warning-base);
 }
-.celeste-rich-editor .characters-count.danger[data-v-a7c556a7] {
+.celeste-rich-editor .characters-count.danger[data-v-d03a78c8] {
   color: var(--color-state-error-base);
 }
-.celeste-rich-editor .select-menu-wrapper[data-v-a7c556a7] {
+.celeste-rich-editor .select-menu-wrapper[data-v-d03a78c8] {
   padding: 0 var(--spacing-4);
 }
-.celeste-rich-editor[data-v-a7c556a7]:dir(rtl) .i-celeste-arrow-go-back-line,
-.celeste-rich-editor[data-v-a7c556a7]:dir(rtl) .i-celeste-arrow-go-forward-line {
+.celeste-rich-editor[data-v-d03a78c8]:dir(rtl) .i-celeste-arrow-go-back-line,
+.celeste-rich-editor[data-v-d03a78c8]:dir(rtl) .i-celeste-arrow-go-forward-line {
   transform: scaleX(-1);
 }
-.celeste-rich-editor[data-v-a7c556a7] .tippy-box[data-theme='custom'] {
+.celeste-rich-editor[data-v-d03a78c8] .tippy-box[data-theme='custom'] {
   max-width: 400px !important;
 }
-.celeste-select-item[data-state=checked][data-v-a7c556a7] .i-celeste-check-line {
+.celeste-select-item[data-state=checked][data-v-d03a78c8] .i-celeste-check-line {
   display: none;
 }.celeste-pagination-ellipsis[data-v-5fcf13e0] {
   -webkit-user-select: none;

package/dist/cjs/chunks/rich-editor.cjs

@@ -5178,7 +5178,7 @@ var rich_editor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0
 });
 //#endregion
 //#region src/components/rich-editor/rich-editor.vue
-var rich_editor_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(rich_editor_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a7c556a7"]]);
+var rich_editor_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(rich_editor_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d03a78c8"]]);
 //#endregion
 Object.defineProperty(exports, "rich_editor_default", {
 	enumerable: true,

package/dist/cjs/chunks/text-input.cjs

@@ -109,7 +109,7 @@ var text_input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0,
 });
 //#endregion
 //#region src/components/text-input/text-input.vue
-var text_input_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(text_input_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-394fa109"]]);
+var text_input_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(text_input_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ebb54f92"]]);
 //#endregion
 Object.defineProperty(exports, "text_input_default", {
 	enumerable: true,

package/dist/es/chunks/rich-editor.js

@@ -5176,6 +5176,6 @@ var rich_editor_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 			])) : createCommentVNode("", true);
 		};
 	}
-}), [["__scopeId", "data-v-a7c556a7"]]);
+}), [["__scopeId", "data-v-d03a78c8"]]);
 //#endregion
 export { rich_editor_default as t };

package/dist/es/chunks/text-input.js

@@ -107,6 +107,6 @@ var text_input_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @_
 			], 10, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-394fa109"]]);
+}), [["__scopeId", "data-v-ebb54f92"]]);
 //#endregion
 export { text_input_default as t };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@youcan/celeste",
   "type": "module",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "author": "YouCan <tech@youcan.shop>",
   "repository": {
     "type": "git",
@@ -49,8 +49,8 @@
     "reka-ui": "^2.10.1",
     "tinycolor2": "^1.6.0",
     "vue-sonner": "^2.0.9",
-    "@youcan/celeste-icons": "0.9.0",
-    "@youcan/celeste-tokens": "0.9.0"
+    "@youcan/celeste-icons": "0.9.2",
+    "@youcan/celeste-tokens": "0.9.2"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.3",

package/src/components/rich-editor/rich-editor.vue

@@ -293,6 +293,7 @@ onBeforeUnmount(() => {
 
       p.is-editor-empty:first-child::before {
         content: attr(data-placeholder);
+        float: left;
         height: 0;
         color: var(--color-neutral-300);
         pointer-events: none;

package/src/components/text-input/stories/text-input.stories.ts

@@ -276,6 +276,28 @@ export const WithInlineButton: Story = {
   }),
 };
 
+export const Date: Story = {
+  args: {
+    type: 'date',
+  },
+
+  render: args => ({
+    components: { TextInput, TextInputAffix, TextInputButton },
+    setup() {
+      return { args };
+    },
+    template: `
+      <div style="display: grid; gap: 20px; justify-content: center;">
+        <TextInput v-bind="args" style="width: 300px">
+          <template #leadingIcon>
+            <i class="i-celeste-calendar-line" />
+          </template>
+        </TextInput>
+      </div>
+    `,
+  }),
+};
+
 const OPTIONS = [
   { value: { id: 1 }, label: 'MAD', icon: 'i-celeste-bank-card-2-line' },
   { value: { id: 2 }, label: 'EUR', icon: 'i-celeste-bank-card-2-line' },

package/src/components/text-input/text-input.vue

@@ -170,6 +170,25 @@ function clearInput() {
         appearance: none;
       }
     }
+
+    // Hide default browser date UI (calendar icon, clear button, spinner)
+    &[type='date'] {
+      &::-webkit-calendar-picker-indicator {
+        display: none;
+        appearance: none;
+      }
+
+      &::-webkit-clear-button,
+      &::-webkit-inner-spin-button {
+        display: none;
+        appearance: none;
+      }
+
+      &::-ms-clear,
+      &::-ms-expand {
+        display: none;
+      }
+    }
   }
 
   &:has(.celeste-text-input-leading-node) {