@v-miniapp/ui-react 1.0.40 → 1.0.45
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.
- package/README.md +1 -1
- package/dist/components/icon/icon-mapping.d.ts +4 -0
- package/dist/components/navigation-bar/navigation-bar.d.ts +3 -1
- package/dist/external/index.js +2009 -2012
- package/dist/external/styles.css +1 -1
- package/dist/index.js +1029 -1032
- package/dist/styles.css +1 -1
- package/dist-storybook/assets/ANIMATION-CUdn1GTK.js +99 -0
- package/dist-storybook/assets/APP_FRAMEWORK-ljbIOHYd.js +197 -0
- package/dist-storybook/assets/BOTTOM_TAB_BAR-DxCwCfBK.js +175 -0
- package/dist-storybook/assets/CUSTOM_ERROR_BOUNDARY-B4wTQNZc.js +250 -0
- package/dist-storybook/assets/Color-AVL7NMMY-1_8XTICv.js +1 -0
- package/dist-storybook/assets/DARK_MODE-CoHseCDO.js +57 -0
- package/dist-storybook/assets/DocsRenderer-PQXLIZUC-BO86igwd.js +2 -0
- package/dist-storybook/assets/GETTING_STARTED-H_vVi5cv.js +77 -0
- package/dist-storybook/assets/INFINITE_SCROLL-BtM3uoX0.js +111 -0
- package/dist-storybook/assets/KEEP_ALIVE-CL2au0al.js +126 -0
- package/dist-storybook/assets/LOCALE-XTCey55y.js +465 -0
- package/dist-storybook/assets/MIGRATION_GUIDE-2LONslE4.js +449 -0
- package/dist-storybook/assets/MOBILE_BEHAVIOURS-DZ6alKTX.js +177 -0
- package/dist-storybook/assets/PAGE_LAYOUT-BuOpN-1Y.js +192 -0
- package/dist-storybook/assets/ROUTING_NAVIGATION-BCPHXNto.js +335 -0
- package/dist-storybook/assets/TAILWIND_INTEGRATION-_T-VfvkM.js +87 -0
- package/dist-storybook/assets/_setToString-CbM921C9.js +1 -0
- package/dist-storybook/assets/alert-DLW8CoyB.js +1 -0
- package/dist-storybook/assets/alert.stories-B-vuojPh.js +110 -0
- package/dist-storybook/assets/avatar-GxcYPA1p.js +1 -0
- package/dist-storybook/assets/avatar.stories-KYFztAc8.js +136 -0
- package/dist-storybook/assets/axe-CmvD4WV5.js +20 -0
- package/dist-storybook/assets/badge-D_LzMVtw.js +1 -0
- package/dist-storybook/assets/badge.stories-Be2ItCmQ.js +262 -0
- package/dist-storybook/assets/blocks-BuaOUtiH.js +1243 -0
- package/dist-storybook/assets/bottom-tab-bar-CtcTAxuI.js +115 -0
- package/dist-storybook/assets/bottom-tab-bar.stories-CDmEve6z.js +186 -0
- package/dist-storybook/assets/button-CL7GeC23.js +1 -0
- package/dist-storybook/assets/button.stories-CaqLWQiY.js +287 -0
- package/dist-storybook/assets/calendar-dOCsjhVU.js +1 -0
- package/dist-storybook/assets/calendar.stories-DLWZldet.js +189 -0
- package/dist-storybook/assets/carousel-1Kww3hIz.js +37 -0
- package/dist-storybook/assets/carousel.stories-B8YbGOOr.js +217 -0
- package/dist-storybook/assets/checkbox-MGytNNRt.js +1 -0
- package/dist-storybook/assets/checkbox.stories-CLvfZPiw.js +201 -0
- package/dist-storybook/assets/chip-kG4p82WT.js +247 -0
- package/dist-storybook/assets/chip.stories-BbwJb5eD.js +442 -0
- package/dist-storybook/assets/classname-CUR_zgkh.js +1 -0
- package/dist-storybook/assets/colors-_6nFGM3e.js +1 -0
- package/dist-storybook/assets/date-Cg-Uk_pp.js +1 -0
- package/dist-storybook/assets/date-field.stories-Diptwqfv.js +129 -0
- package/dist-storybook/assets/date-picker-Dnq_-0Md.js +1 -0
- package/dist-storybook/assets/date-picker.stories-BuGWvzFL.js +123 -0
- package/dist-storybook/assets/default-error-BcnD8fFO.png +0 -0
- package/dist-storybook/assets/dialog.stories-DJ0WsSkA.js +212 -0
- package/dist-storybook/assets/dropdown.stories-D6JUYP73.js +200 -0
- package/dist-storybook/assets/embla-carousel-react.esm-BYjpaHZ9.js +1 -0
- package/dist-storybook/assets/en-Cs9O0XWn.js +15 -0
- package/dist-storybook/assets/icon-DdQsMyRa.js +1 -0
- package/dist-storybook/assets/icon.stories-B-ZvRzFf.js +365 -0
- package/dist-storybook/assets/iframe-CQAwSt4E.js +1071 -0
- package/dist-storybook/assets/iframe-yMKl6hJA.css +1 -0
- package/dist-storybook/assets/image-C3EsNRhz.js +9 -0
- package/dist-storybook/assets/image.stories-C4l8D3ju.js +255 -0
- package/dist-storybook/assets/index-B-Ksafg0.js +1 -0
- package/dist-storybook/assets/index-BV0AJWP6.js +1 -0
- package/dist-storybook/assets/index-CgMRTj-o.js +1 -0
- package/dist-storybook/assets/index-DHiZ-gXR.js +1 -0
- package/dist-storybook/assets/input-wrapper-BKHgnPy6.js +1 -0
- package/dist-storybook/assets/label-DV2iCDmN.js +27 -0
- package/dist-storybook/assets/label.stories-BwTIPFXX.js +138 -0
- package/dist-storybook/assets/matchers-7Z3WT2CE-Dw4MQV_s.js +14 -0
- package/dist-storybook/assets/navigation-bar-vI-FPasP.js +79 -0
- package/dist-storybook/assets/navigation-bar.stories-DYuFaJFD.js +73 -0
- package/dist-storybook/assets/number-field-CXKmnfKe.js +1 -0
- package/dist-storybook/assets/number-field.stories--fn26TJu.js +167 -0
- package/dist-storybook/assets/omit-Bsx5nTI0.js +1 -0
- package/dist-storybook/assets/option-item-LRh_OyV4.js +1 -0
- package/dist-storybook/assets/option-item.stories-snjAvgay.js +66 -0
- package/dist-storybook/assets/pagination-DZHoBs_4.js +1 -0
- package/dist-storybook/assets/pagination.stories-BoEs0jzS.js +91 -0
- package/dist-storybook/assets/pick-BhmhLmLe.js +1 -0
- package/dist-storybook/assets/preload-helper-PPVm8Dsz.js +1 -0
- package/dist-storybook/assets/radio-B5NJxG_l.js +1 -0
- package/dist-storybook/assets/radio.stories-DuN-Awi_.js +183 -0
- package/dist-storybook/assets/rating-BdXViYBv.js +1 -0
- package/dist-storybook/assets/rating.stories-BCcQjMEx.js +117 -0
- package/dist-storybook/assets/react-18-CNyWQ7je.js +9 -0
- package/dist-storybook/assets/react-hufnxGVs.js +1 -0
- package/dist-storybook/assets/search-field-CQqgFbfg.js +1 -0
- package/dist-storybook/assets/search-field.stories-DiCZbhng.js +79 -0
- package/dist-storybook/assets/section-content-DGNB4eLN.js +1 -0
- package/dist-storybook/assets/section.stories-C2I_kKhu.js +69 -0
- package/dist-storybook/assets/sheet.stories-wk1JaKU5.js +152 -0
- package/dist-storybook/assets/skeleton-C91JgehG.js +1 -0
- package/dist-storybook/assets/skeleton.stories-BCmX-VNr.js +139 -0
- package/dist-storybook/assets/store-CPumdfcU.js +1 -0
- package/dist-storybook/assets/store-D2RudmNr.js +18 -0
- package/dist-storybook/assets/switch-p-aXI-ev.js +1 -0
- package/dist-storybook/assets/switch.stories-BqPLNKB9.js +250 -0
- package/dist-storybook/assets/tab-bar-CSeCmtIZ.js +31 -0
- package/dist-storybook/assets/tab-bar.stories-Cb6v8H2w.js +136 -0
- package/dist-storybook/assets/text-area-DwSXyqOe.js +1 -0
- package/dist-storybook/assets/text-area.stories-By8bCfgc.js +87 -0
- package/dist-storybook/assets/text-field-jK6rpOo2.js +1 -0
- package/dist-storybook/assets/text-field.stories-CrWBAhvI.js +92 -0
- package/dist-storybook/assets/toast-provider-DurnMJhd.js +9 -0
- package/dist-storybook/assets/toast.stories-iWAToAZA.js +201 -0
- package/dist-storybook/assets/tooltip-QDdel5My.js +1 -0
- package/dist-storybook/assets/tooltip.stories-RC6SuPPD.js +153 -0
- package/dist-storybook/assets/typography-DEpAJl_i.js +1 -0
- package/dist-storybook/assets/typography.stories-Bu8qFugR.js +202 -0
- package/dist-storybook/assets/uploader.stories-B2wW9qVy.js +65 -0
- package/dist-storybook/assets/use-app-pause-B_tWHKJK.js +29 -0
- package/dist-storybook/assets/use-app-resume--900G-dV.js +29 -0
- package/dist-storybook/assets/use-custom-icon-event-3VExRzvC.js +29 -0
- package/dist-storybook/assets/use-did-hide-BUsL73ab.js +48 -0
- package/dist-storybook/assets/use-did-show-C1-VLDxi.js +49 -0
- package/dist-storybook/assets/use-histories-E4E2jJEY.js +50 -0
- package/dist-storybook/assets/use-history-o1im8IDj.js +67 -0
- package/dist-storybook/assets/use-location-CUEaBO4P.js +56 -0
- package/dist-storybook/assets/use-navigate-C4CTuFSZ.js +84 -0
- package/dist-storybook/assets/use-navigation-type-Dcz4hgKo.js +44 -0
- package/dist-storybook/assets/use-page-config-DSJBVQbq.js +48 -0
- package/dist-storybook/assets/use-page-scroll-dY-U1Vv4.js +69 -0
- package/dist-storybook/assets/use-page-state-CtNpwGPN.js +79 -0
- package/dist-storybook/assets/use-settings-changed-BBJwIHTE.js +29 -0
- package/dist-storybook/assets/v-mini-icon-Dn1BmJzb.woff2 +0 -0
- package/dist-storybook/assets/visibility-sensor-CwrzJO06.js +1 -0
- package/dist-storybook/iframe.html +670 -0
- package/dist-storybook/index.html +132 -0
- package/dist-storybook/index.json +1 -0
- package/dist-storybook/project.json +1 -0
- package/dist-storybook/sb-addons/a11y-2/manager-bundle.js +5 -0
- package/dist-storybook/sb-addons/docs-1/manager-bundle.js +151 -0
- package/dist-storybook/sb-addons/storybook-build-3/manager-bundle.js +3 -0
- package/dist-storybook/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +971 -0
- package/dist-storybook/sb-manager/globals-module-info.js +799 -0
- package/dist-storybook/sb-manager/globals-runtime.js +69791 -0
- package/dist-storybook/sb-manager/globals.js +34 -0
- package/dist-storybook/sb-manager/runtime.js +13198 -0
- package/dist-storybook/stories-data.json +374 -0
- package/dist-storybook/vite-inject-mocker-entry.js +2 -0
- package/package.json +1 -1
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import{_ as G}from"./preload-helper-PPVm8Dsz.js";var R=Object.prototype.toString,D=Array.isArray||function(n){return R.call(n)==="[object Array]"};function B(e){return typeof e=="function"}function z(e){return D(e)?"array":typeof e}function N(e){return e.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&")}function L(e,n){return e!=null&&typeof e=="object"&&n in e}function K(e,n){return e!=null&&typeof e!="object"&&e.hasOwnProperty&&e.hasOwnProperty(n)}var q=RegExp.prototype.test;function W(e,n){return q.call(e,n)}var O=/\S/;function U(e){return!W(O,e)}var X={"&":"&","<":"<",">":">",'"':""","'":"'","/":"/","`":"`","=":"="};function j(e){return String(e).replace(/[&<>"'`=\/]/g,function(t){return X[t]})}var _=/\s*/,Y=/\s+/,V=/\s*=/,$=/\s*\}/,J=/#|\^|\/|>|\{|&|=|!/;function Q(e,n){if(!e)return[];var t=!1,o=[],i=[],s=[],c=!1,h=!1,a="",r=0;function l(){if(c&&!h)for(;s.length;)delete i[s.pop()];else s=[];c=!1,h=!1}var b,T,F;function I(y){if(typeof y=="string"&&(y=y.split(Y,2)),!D(y)||y.length!==2)throw new Error("Invalid tags: "+y);b=new RegExp(N(y[0])+"\\s*"),T=new RegExp("\\s*"+N(y[1])),F=new RegExp("\\s*"+N("}"+y[1]))}I(n||u.tags);for(var p=new w(e),k,g,d,f,S,v;!p.eos();){if(k=p.pos,d=p.scanUntil(b),d)for(var M=0,E=d.length;M<E;++M)f=d.charAt(M),U(f)?(s.push(i.length),a+=f):(h=!0,t=!0,a+=" "),i.push(["text",f,k,k+1]),k+=1,f===`
|
|
2
|
+
`&&(l(),a="",r=0,t=!1);if(!p.scan(b))break;if(c=!0,g=p.scan(J)||"name",p.scan(_),g==="="?(d=p.scanUntil(V),p.scan(V),p.scanUntil(T)):g==="{"?(d=p.scanUntil(F),p.scan($),p.scanUntil(T),g="&"):d=p.scanUntil(T),!p.scan(T))throw new Error("Unclosed tag at "+p.pos);if(g==">"?S=[g,d,k,p.pos,a,r,t]:S=[g,d,k,p.pos],r++,i.push(S),g==="#"||g==="^")o.push(S);else if(g==="/"){if(v=o.pop(),!v)throw new Error('Unopened section "'+d+'" at '+k);if(v[1]!==d)throw new Error('Unclosed section "'+v[1]+'" at '+k)}else g==="name"||g==="{"||g==="&"?h=!0:g==="="&&I(d)}if(l(),v=o.pop(),v)throw new Error('Unclosed section "'+v[1]+'" at '+p.pos);return nn(Z(i))}function Z(e){for(var n=[],t,o,i=0,s=e.length;i<s;++i)t=e[i],t&&(t[0]==="text"&&o&&o[0]==="text"?(o[1]+=t[1],o[3]=t[3]):(n.push(t),o=t));return n}function nn(e){for(var n=[],t=n,o=[],i,s,c=0,h=e.length;c<h;++c)switch(i=e[c],i[0]){case"#":case"^":t.push(i),o.push(i),t=i[4]=[];break;case"/":s=o.pop(),s[5]=i[2],t=o.length>0?o[o.length-1][4]:n;break;default:t.push(i)}return n}function w(e){this.string=e,this.tail=e,this.pos=0}w.prototype.eos=function(){return this.tail===""};w.prototype.scan=function(n){var t=this.tail.match(n);if(!t||t.index!==0)return"";var o=t[0];return this.tail=this.tail.substring(o.length),this.pos+=o.length,o};w.prototype.scanUntil=function(n){var t=this.tail.search(n),o;switch(t){case-1:o=this.tail,this.tail="";break;case 0:o="";break;default:o=this.tail.substring(0,t),this.tail=this.tail.substring(t)}return this.pos+=o.length,o};function C(e,n){this.view=e,this.cache={".":this.view},this.parent=n}C.prototype.push=function(n){return new C(n,this)};C.prototype.lookup=function(n){var t=this.cache,o;if(t.hasOwnProperty(n))o=t[n];else{for(var i=this,s,c,h,a=!1;i;){if(n.indexOf(".")>0)for(s=i.view,c=n.split("."),h=0;s!=null&&h<c.length;)h===c.length-1&&(a=L(s,c[h])||K(s,c[h])),s=s[c[h++]];else s=i.view[n],a=L(i.view,n);if(a){o=s;break}i=i.parent}t[n]=o}return B(o)&&(o=o.call(this.view)),o};function m(){this.templateCache={_cache:{},set:function(n,t){this._cache[n]=t},get:function(n){return this._cache[n]},clear:function(){this._cache={}}}}m.prototype.clearCache=function(){typeof this.templateCache<"u"&&this.templateCache.clear()};m.prototype.parse=function(n,t){var o=this.templateCache,i=n+":"+(t||u.tags).join(":"),s=typeof o<"u",c=s?o.get(i):void 0;return c==null&&(c=Q(n,t),s&&o.set(i,c)),c};m.prototype.render=function(n,t,o,i){var s=this.getConfigTags(i),c=this.parse(n,s),h=t instanceof C?t:new C(t,void 0);return this.renderTokens(c,h,o,n,i)};m.prototype.renderTokens=function(n,t,o,i,s){for(var c="",h,a,r,l=0,b=n.length;l<b;++l)r=void 0,h=n[l],a=h[0],a==="#"?r=this.renderSection(h,t,o,i,s):a==="^"?r=this.renderInverted(h,t,o,i,s):a===">"?r=this.renderPartial(h,t,o,s):a==="&"?r=this.unescapedValue(h,t):a==="name"?r=this.escapedValue(h,t,s):a==="text"&&(r=this.rawValue(h)),r!==void 0&&(c+=r);return c};m.prototype.renderSection=function(n,t,o,i,s){var c=this,h="",a=t.lookup(n[1]);function r(T){return c.render(T,t,o,s)}if(a){if(D(a))for(var l=0,b=a.length;l<b;++l)h+=this.renderTokens(n[4],t.push(a[l]),o,i,s);else if(typeof a=="object"||typeof a=="string"||typeof a=="number")h+=this.renderTokens(n[4],t.push(a),o,i,s);else if(B(a)){if(typeof i!="string")throw new Error("Cannot use higher-order sections without the original template");a=a.call(t.view,i.slice(n[3],n[5]),r),a!=null&&(h+=a)}else h+=this.renderTokens(n[4],t,o,i,s);return h}};m.prototype.renderInverted=function(n,t,o,i,s){var c=t.lookup(n[1]);if(!c||D(c)&&c.length===0)return this.renderTokens(n[4],t,o,i,s)};m.prototype.indentPartial=function(n,t,o){for(var i=t.replace(/[^ \t]/g,""),s=n.split(`
|
|
3
|
+
`),c=0;c<s.length;c++)s[c].length&&(c>0||!o)&&(s[c]=i+s[c]);return s.join(`
|
|
4
|
+
`)};m.prototype.renderPartial=function(n,t,o,i){if(o){var s=this.getConfigTags(i),c=B(o)?o(n[1]):o[n[1]];if(c!=null){var h=n[6],a=n[5],r=n[4],l=c;a==0&&r&&(l=this.indentPartial(c,r,h));var b=this.parse(l,s);return this.renderTokens(b,t,o,l,i)}}};m.prototype.unescapedValue=function(n,t){var o=t.lookup(n[1]);if(o!=null)return o};m.prototype.escapedValue=function(n,t,o){var i=this.getConfigEscape(o)||u.escape,s=t.lookup(n[1]);if(s!=null)return typeof s=="number"&&i===u.escape?String(s):i(s)};m.prototype.rawValue=function(n){return n[1]};m.prototype.getConfigTags=function(n){return D(n)?n:n&&typeof n=="object"?n.tags:void 0};m.prototype.getConfigEscape=function(n){if(n&&typeof n=="object"&&!D(n))return n.escape};var u={name:"mustache.js",version:"4.2.0",tags:["{{","}}"],clearCache:void 0,escape:void 0,parse:void 0,render:void 0,Scanner:void 0,Context:void 0,Writer:void 0,set templateCache(e){x.templateCache=e},get templateCache(){return x.templateCache}},x=new m;u.clearCache=function(){return x.clearCache()};u.parse=function(n,t){return x.parse(n,t)};u.render=function(n,t,o,i){if(typeof n!="string")throw new TypeError('Invalid template! Template should be a "string" but "'+z(n)+'" was given as the first argument for mustache#render(template, view, partials)');return x.render(n,t,o,i)};u.escape=j;u.Scanner=w;u.Context=C;u.Writer=m;const tn={"common.table.description":"Mô tả","common.table.name":"Tên thuộc tính","common.table.no":"Không","common.table.required":"Bắt buộc","common.table.title":"Thuộc tính","common.table.type":"Kiểu dữ liệu","common.table.yes":"Có","components.alert.actionDescription":"Phần tử hành động (ví dụ: nút) hiển thị ở bên phải cảnh báo.","components.alert.argTypes.actionDescription":"Phần tử hành động (ví dụ: nút) hiển thị ở bên phải cảnh báo.","components.alert.argTypes.classNameDescription":"Các lớp CSS bổ sung cho container của cảnh báo.","components.alert.argTypes.closeableDescription":"Điều khiển hiển thị nút đóng. Có thể là boolean, thuộc tính icon hoặc phần tử React tùy chỉnh.","components.alert.argTypes.messageDescription":"Nội dung thông báo hiển thị bên dưới tiêu đề.","components.alert.argTypes.titleDescription":"Tiêu đề cảnh báo được hiển thị in đậm.","components.alert.argTypes.typeDescription":"Loại cảnh báo xác định kiểu hiển thị và biểu tượng. Mặc định là `informative`.","components.alert.classNameDescription":"Các lớp CSS bổ sung cho container của cảnh báo.","components.alert.closeableDescription":"Điều khiển hiển thị nút đóng. Có thể là boolean, thuộc tính icon hoặc phần tử React tùy chỉnh.","components.alert.completeExample.errorButton":"Thử lại","components.alert.completeExample.errorMessage":"Đã xảy ra lỗi khi xử lý yêu cầu của bạn. Vui lòng thử lại hoặc liên hệ hỗ trợ nếu vấn đề vẫn tiếp diễn.","components.alert.completeExample.errorTitle":"Đã xảy ra lỗi","components.alert.completeExample.infoButton":"Tìm hiểu thêm","components.alert.completeExample.infoMessage":"Đây là ví dụ về cảnh báo với tất cả các thuộc tính có thể có. Bạn có thể bao gồm bất kỳ nội dung bổ sung nào ở đây.","components.alert.completeExample.infoTitle":"Thông tin","components.alert.completeExample.successButton":"Xem thay đổi","components.alert.completeExample.successMessage":"Các thay đổi của bạn đã được lưu thành công. Bạn có thể tiếp tục làm việc hoặc xem các thay đổi.","components.alert.completeExample.successTitle":"Thành công!","components.alert.default.message":"Đây là thông báo thông tin","components.alert.description":"Component Alert hiển thị thông báo phản hồi theo ngữ cảnh cho người dùng. Hỗ trợ nhiều loại (thông tin, tích cực, tiêu cực) và có thể bao gồm tiêu đề, nội dung thông báo, nút hành động và chức năng đóng tùy chọn.","components.alert.informative.message":"Đây là thông báo thông tin","components.alert.interactive.message":"Cảnh báo này có thể được cấu hình bằng các điều khiển trong bảng điều khiển bên dưới.","components.alert.interactive.title":"Cảnh báo tương tác","components.alert.messageDescription":"Nội dung thông báo hiển thị bên dưới tiêu đề.","components.alert.negative.message":"Đã xảy ra lỗi","components.alert.positive.message":"Thao tác đã hoàn tất thành công","components.alert.propsDescription":"Hỗ trợ tất cả các thuộc tính phần tử div HTML chuẩn.","components.alert.titleDescription":"Tiêu đề cảnh báo được hiển thị in đậm.","components.alert.typeDescription":"Loại cảnh báo xác định kiểu hiển thị và biểu tượng. Mặc định là `informative`.","components.alert.withAction.sessionButton":"Lưu ngay","components.alert.withAction.sessionMessage":"Phiên làm việc của bạn sắp hết hạn. Vui lòng lưu công việc của bạn.","components.alert.withAction.sessionTitle":"Yêu cầu hành động","components.alert.withAction.updateButton":"Cập nhật ngay","components.alert.withAction.updateMessage":"Đã có phiên bản mới của ứng dụng. Bạn có muốn cập nhật ngay bây giờ không?","components.alert.withAction.updateTitle":"Có bản cập nhật mới","components.alert.withCloseButton.errorMessage":"Đã xảy ra lỗi","components.alert.withCloseButton.errorTitle":"Lỗi","components.alert.withCloseButton.infoMessage":"Cảnh báo này có thể đóng được","components.alert.withCloseButton.infoTitle":"Thông tin","components.alert.withCloseButton.successMessage":"Cảnh báo này cũng có thể đóng được","components.alert.withCloseButton.successTitle":"Thành công","components.alert.withTitle.message":"Đây là nội dung thông báo cảnh báo","components.alert.withTitle.title":"Tiêu đề cảnh báo","components.alert.withTitleAndMessage.errorMessage":"Đã xảy ra lỗi khi lưu thay đổi của bạn","components.alert.withTitleAndMessage.errorTitle":"Lỗi","components.alert.withTitleAndMessage.infoMessage":"Đây là thông báo thông tin với cả tiêu đề và nội dung","components.alert.withTitleAndMessage.infoTitle":"Thông tin","components.alert.withTitleAndMessage.successMessage":"Các thay đổi của bạn đã được lưu thành công","components.alert.withTitleAndMessage.successTitle":"Thành công","components.alert.stories.default.title":"Mặc định","components.alert.stories.informative.title":"Thông báo thông tin","components.alert.stories.positive.title":"Thông báo thành công","components.alert.stories.negative.title":"Thông báo lỗi","components.alert.stories.withTitle.title":"Có tiêu đề","components.alert.stories.withTitleAndMessage.title":"Có tiêu đề và nội dung","components.alert.stories.withCloseButton.title":"Có nút đóng","components.alert.stories.withAction.title":"Có hành động","components.alert.stories.completeExample.title":"Ví dụ đầy đủ","components.alert.stories.interactive.title":"Tương tác","components.avatar.stories.default.title":"Mặc định","components.avatar.stories.shapes.title":"Hình dạng","components.avatar.stories.sizes.title":"Kích thước","components.avatar.stories.withBorder.title":"Có viền","components.avatar.stories.withImage.title":"Có hình ảnh","components.avatar.stories.customLabelStyling.title":"Tùy chỉnh nhãn","components.avatar.stories.fallbackToLabel.title":"Dự phòng nhãn","components.avatar.stories.completeExample.title":"Ví dụ đầy đủ","components.avatar.stories.interactive.title":"Tương tác","components.badge.stories.default.title":"Mặc định","components.badge.stories.dotBadge.title":"Huy hiệu chấm","components.badge.stories.numberBadges.title":"Huy hiệu số","components.badge.stories.numberBadgesWithOutline.title":"Huy hiệu số viền","components.badge.stories.labelBadges.title":"Huy hiệu nhãn","components.badge.stories.labelBadgesWithOutline.title":"Huy hiệu nhãn viền","components.badge.stories.allVariants.title":"Tất cả biến thể","components.badge.stories.withBadgeContainer.title":"Với Badge Container","components.badge.stories.interactive.title":"Tương tác","components.avatar.argTypes.borderDescription":"Có hiển thị viền xung quanh avatar hay không.","components.avatar.argTypes.classNameDescription":"Các lớp CSS bổ sung cho container của avatar.","components.avatar.argTypes.colorDescription":"Màu nền cho avatar khi hiển thị nhãn.","components.avatar.argTypes.labelColorDescription":"Màu chữ của nhãn. Mặc định sẽ sử dụng màu từ theme nếu không được chỉ định.","components.avatar.argTypes.labelDescription":"Văn bản hiển thị khi không có ảnh (thường là chữ cái đầu của tên).","components.avatar.argTypes.labelSizeDescription":"Kích thước chữ của nhãn. Tự động xác định dựa trên kích thước avatar nếu không được chỉ định.","components.avatar.argTypes.shapeDescription":"Hình dạng của avatar. Mặc định là `rounded`.","components.avatar.argTypes.sizeDescription":"Kích thước avatar tính bằng pixel. Mặc định là `40`.","components.avatar.argTypes.srcDescription":"URL nguồn của ảnh đại diện.","components.avatar.argTypes.srcSetDescription":"Tập hợp các nguồn ảnh cho responsive.","components.avatar.borderDescription":"Có hiển thị viền xung quanh avatar hay không.","components.avatar.classNameDescription":"Các lớp CSS bổ sung cho container của avatar.","components.avatar.colorDescription":"Màu nền cho avatar khi hiển thị nhãn.","components.avatar.description":"Component Avatar hiển thị ảnh đại diện hoặc chữ cái đầu của người dùng. Hỗ trợ nhiều kích thước, hình dạng (tròn hoặc bo góc) và có thể hiển thị ảnh hoặc nhãn với kiểu dáng tùy chỉnh.","components.avatar.labelColorDescription":"Màu chữ của nhãn. Mặc định sẽ sử dụng màu từ theme nếu không được chỉ định.","components.avatar.labelDescription":"Văn bản hiển thị khi không có ảnh (thường là chữ cái đầu của tên).","components.avatar.labelSizeDescription":"Kích thước chữ của nhãn. Tự động xác định dựa trên kích thước avatar nếu không được chỉ định.","components.avatar.propsDescription":"Hỗ trợ tất cả các thuộc tính phần tử img HTML chuẩn (alt, loading, v.v.).","components.avatar.shapeDescription":"Hình dạng của avatar. Mặc định là `rounded`.","components.avatar.sizeDescription":"Kích thước avatar tính bằng pixel. Mặc định là `40`.","components.avatar.srcDescription":"URL nguồn của ảnh đại diện.","components.avatar.srcSetDescription":"Tập hợp các nguồn ảnh cho responsive.","components.badge.argTypes.childrenDescription":"Nội dung của badge. Nếu bỏ trống, sẽ hiển thị dưới dạng dấu chấm. Có thể là số, văn bản hoặc ReactNode.","components.badge.argTypes.classNameDescription":"Các lớp CSS bổ sung cho badge.","components.badge.argTypes.outlineDescription":"Có hiển thị badge với kiểu viền (viền trắng) hay không.","components.badge.childrenDescription":"Nội dung của badge. Nếu bỏ trống, sẽ hiển thị dưới dạng dấu chấm. Có thể là số, văn bản hoặc ReactNode.","components.badge.classNameDescription":"Các lớp CSS bổ sung cho badge.","components.badge.description":"Component Badge hiển thị các chỉ báo trạng thái nhỏ, thường được sử dụng để hiển thị thông báo, số đếm hoặc nhãn. Có thể hiển thị dưới dạng dấu chấm, số hoặc văn bản, với tùy chọn kiểu viền.","components.badge.outlineDescription":"Có hiển thị badge với kiểu viền (viền trắng) hay không.","components.badge.propsDescription":"Hỗ trợ tất cả các thuộc tính phần tử div HTML chuẩn.","components.bottomTabBar.activeIdDescription":"ID của mục tab đang được chọn hiện tại.","components.bottomTabBar.argTypes.activeIdDescription":"ID của mục tab đang được chọn hiện tại.","components.bottomTabBar.argTypes.classNameDescription":"Các lớp CSS bổ sung cho thanh tab.","components.bottomTabBar.argTypes.indicatorDescription":"Có hiển thị thanh chỉ báo đang hoạt động hay không. Mặc định là true.","components.bottomTabBar.argTypes.itemsDescription":"Mảng các mục tab để hiển thị. Mỗi mục yêu cầu id và name.","components.bottomTabBar.argTypes.onItemClickDescription":"Hàm callback được gọi khi một mục tab được nhấn.","components.bottomTabBar.argTypes.safeAreaBottomOffsetDescription":"Có thêm khoảng đệm an toàn ở dước cùng hay không. Đặc biệt hữ ích cho các thiết bị có notch hoặc thanh home. Mặc định là true.","components.bottomTabBar.argTypes.setCssVariableDescription":"Có đặt biến CSS --vsf-bottom-tab-bar-height trên gốc tài liệu hay không.","components.bottomTabBar.classNameDescription":"Các lớp CSS bổ sung cho thanh tab.","components.bottomTabBar.description":"Component BottomTabBar cung cấp giao diện điều hướng ở dưới cùng màn hình, cho phép người dùng chuyển đổi giữa các phần khác nhau của ứng dụng. Hỗ trợ tab chỉ văn bản hoặc kết hợp biểu tượng với văn bản, chỉ báo trạng thái đang hoạt động và khoảng đệm an toàn cho thiết bị di động.","components.bottomTabBar.indicatorDescription":"Có hiển thị thanh chỉ báo đang hoạt động hay không. Mặc định là true.","components.bottomTabBar.itemsDescription":"Mảng các mục tab để hiển thị. Mỗi mục yêu cầu id và name.","components.bottomTabBar.onItemClickDescription":"Hàm callback được gọi khi một mục tab được nhấn.","components.bottomTabBar.propsDescription":"Hỗ trợ tất cả các thuộc tính phần tử div HTML chuẩn.","components.bottomTabBar.safeAreaBottomOffsetDescription":"Có thêm khoảng đệm an toàn ở dước cùng hay không. Đặc biệt hữ ích cho các thiết bị có notch hoặc thanh home. Mặc định là true.","components.bottomTabBar.setCssVariableDescription":"Có đặt biến CSS --vsf-bottom-tab-bar-height trên gốc tài liệu hay không.","components.bottomTabBar.stories.default.content":"Đây là nội dung mặc định của tab bar. Nhấn vào các tab để chuyển đổi giữa các mục.","components.bottomTabBar.stories.interactive.activeTab":"Bạn đã chọn tab: {{tabName}}","components.bottomTabBar.stories.default.title":"Mặc định","components.bottomTabBar.stories.withIcons.title":"Có biểu tượng","components.bottomTabBar.stories.withActiveIcons.title":"Có biểu tượng khi chọn","components.bottomTabBar.stories.withoutIndicator.title":"Không có chỉ báo","components.bottomTabBar.stories.interactive.title":"Tương tác","components.bottomTabBar.stories.tabs.home":"Trang chủ","components.bottomTabBar.stories.tabs.profile":"Hồ sơ","components.bottomTabBar.stories.tabs.search":"Tìm kiếm","components.bottomTabBar.stories.tabs.tab1":"Tab 1","components.bottomTabBar.stories.tabs.tab2":"Tab 2","components.bottomTabBar.stories.tabs.tab3":"Tab 3","components.bottomTabBar.stories.withActiveIcons.content":"Đây là tab bar với biểu tượng chủ động. Biểu tượng sẽ thay đổi khi tab được chọn.","components.bottomTabBar.stories.withIcons.content":"Đây là tab bar với biểu tượng. Mỗi tab đều có biểu tượng tương ứng.","components.bottomTabBar.stories.withoutIndicator.content":"Đây là tab bar không có chỉ báo. Không có thanh chỉ báo nào hiển thị dưới tab đang chọn.","components.button.argTypes.blockDescription":"Có để nút chiếm toàn bộ chiều rộng của container hay không.","components.button.argTypes.childrenDescription":"Văn bản hoặc nội dung hiển thị trên nút.","components.button.argTypes.classNameDescription":"Các lớp CSS bổ sung cho nút.","components.button.argTypes.disabledDescription":"Có vô hiệu hóa nút và không cho phép tương tác hay không.","components.button.argTypes.htmlTypeDescription":"Thuộc tính type HTML cho phần tử button.","components.button.argTypes.leadingIconDescription":"Biểu tượng hoặc phần tử hiển thị trước văn bản của nút.","components.button.argTypes.loadingDescription":"Có hiển thị biểu tượng tải khi nút đang trong trạng thái tải hay không.","components.button.argTypes.shapeDescription":"Hình dạng của nút. Mặc định là 'rounded'.","components.button.argTypes.sizeDescription":"Kích thước của nút. Mặc định là 'medium'.","components.button.argTypes.themeDescription":"Chủ đề màu sắc của nút. Mặc định là 'default' (ánh xạ tới 'brand').","components.button.argTypes.trailingIconDescription":"Biểu tượng hoặc phần tử hiển thị sau văn bản của nút.","components.button.argTypes.typeDescription":"Kiểu hiển thị trực quan của nút. Mặc định là 'solid'.","components.button.blockDescription":"Có để nút chiếm toàn bộ chiều rộng của container hay không.","components.button.childrenDescription":"Văn bản hoặc nội dung hiển thị trên nút.","components.button.classNameDescription":"Các lớp CSS bổ sung cho nút.","components.button.description":"Component Button cung cấp các phần tử tương tác mà người dùng có thể nhấn để kích hoạt hành động. Hỗ trợ nhiều chủ đề, kiểu dáng, kích thước và có thể bao gồm biểu tượng hoặc trạng thái tải.","components.button.disabledDescription":"Có vô hiệu hóa nút và không cho phép tương tác hay không.","components.button.htmlTypeDescription":"Thuộc tính type HTML cho phần tử button.","components.button.leadingIconDescription":"Biểu tượng hoặc phần tử hiển thị trước văn bản của nút.","components.button.loadingDescription":"Có hiển thị biểu tượng tải khi nút đang trong trạng thái tải hay không.","components.button.propsDescription":"Hỗ trợ tất cả các thuộc tính phần tử button HTML chuẩn.","components.button.shapeDescription":"Hình dạng của nút. Có thể là 'rounded' hoặc 'pill'.","components.button.sizeDescription":"Kích thước của nút. Có thể là 'large' hoặc 'medium'.","components.button.stories.block.fullWidth":"Nút chiều rộng đầy đủ","components.button.stories.block.fullWidthLoading":"Nút đang tải chiều rộng đầy đủ","components.button.stories.block.fullWidthOutline":"Nút viền chiều rộng đầy đủ","components.button.stories.complete.cancel":"Hủy bỏ","components.button.stories.complete.iconButtons":"Nút biểu tượng","components.button.stories.complete.primaryActions":"Hành động chính","components.button.stories.complete.saveChanges":"Lưu thay đổi","components.button.stories.complete.secondary":"Phụ","components.button.stories.complete.secondaryActions":"Hành động phụ","components.button.stories.complete.tertiary":"Bổ sung","components.button.stories.default.label":"Nhấn vào tôi","components.button.stories.icons.both":"Cả hai biểu tượng","components.button.stories.icons.leading":"Biểu tượng trước","components.button.stories.icons.trailing":"Biểu tượng sau","components.button.stories.interactive.label":"Nút tương tác","components.button.stories.default.title":"Mặc định","components.button.stories.types.title":"Các kiểu nút","components.button.stories.sizes.title":"Kích thước","components.button.stories.shapes.title":"Hình dạng","components.button.stories.withIcons.title":"Có biểu tượng","components.button.stories.states.title":"Trạng thái","components.button.stories.blockButton.title":"Nút chiếm toàn bộ chiều rộng","components.button.stories.completeExample.title":"Ví dụ đầy đủ","components.button.stories.interactive.title":"Tương tác","components.button.stories.shapes.pill":"Viên thuốc","components.button.stories.shapes.rounded":"Bo tròn","components.button.stories.sizes.large":"Lớn","components.button.stories.sizes.medium":"Trung bình","components.button.stories.states.default":"Mặc định","components.button.stories.states.disabled":"Vô hiệu hóa","components.button.stories.states.disabledLoading":"Vô hiệu hóa đang tải","components.button.stories.states.loading":"Đang tải","components.button.stories.themes.title":"Chủ đề","components.button.stories.themes.brand":"Thương hiệu","components.button.stories.themes.neutral":"Trung tính","components.button.stories.themes.neutralInverse":"Trung tính đảo ngược","components.button.stories.types.ghost":"Trong suốt","components.button.stories.types.outline":"Viền","components.button.stories.types.solid":"Đặc","components.button.stories.types.solidSubtle":"Đặc nhạt","components.button.themeDescription":"Chủ đề màu sắc của nút. Có thể là 'default' (ánh xạ tới 'brand'), 'brand', 'neutral' hoặc 'neutral-inverse'.","components.button.trailingIconDescription":"Biểu tượng hoặc phần tử hiển thị sau văn bản của nút.","components.button.typeDescription":"Kiểu hiển thị trực quan của nút. Có thể là 'solid', 'solid-subtle', 'outline' hoặc 'ghost'.","components.calendar.argTypes.classNameDescription":"Các lớp CSS bổ sung cho container của lịch.","components.calendar.argTypes.defaultValueDescription":"Giá trị mặc định cho ngày đã chọn. Sử dụng cho component không được kiểm soát. Đối tượng Date cho chế độ đơn, [Date, Date] cho chế độ khoảng.","components.calendar.argTypes.idDescription":"ID của phần tử lịch.","components.calendar.argTypes.langDescription":"Ngôn ngữ cho lịch. Mặc định là 'vi'.","components.calendar.argTypes.maxDateDescription":"Ngày tối đa có thể chọn. Các ngày sau ngày này sẽ bị vô hiệu hóa.","components.calendar.argTypes.minDateDescription":"Ngày tối thiểu có thể chọn. Các ngày trước ngày này sẽ bị vô hiệu hóa.","components.calendar.argTypes.navigationModeDescription":"Chế độ điều hướng cho tiêu đề lịch. Mặc định là 'month-year'.","components.calendar.argTypes.onChangeDescription":"Hàm callback được gọi khi ngày được chọn thay đổi.","components.calendar.argTypes.onClickDescription":"Xử lý sự kiện click cho container của lịch.","components.calendar.argTypes.refDescription":"Ref cho phần tử container của lịch.","components.calendar.argTypes.renderTextDescription":"Hàm tùy chỉnh để hiển thị văn bản trong lịch.","components.calendar.argTypes.styleDescription":"Inline styles cho container của lịch.","components.calendar.argTypes.typeDescription":"Chế độ chọn. Mặc định là 'single' (một ngày).","components.calendar.argTypes.valueDescription":"Ngày đã chọn. Đối tượng Date cho chế độ đơn, [Date, Date] cho chế độ khoảng.","components.calendar.classNameDescription":"Các lớp CSS bổ sung cho container của lịch.","components.calendar.defaultValueDescription":"Giá trị mặc định cho ngày đã chọn. Sử dụng cho component không được kiểm soát. Đối tượng Date cho chế độ đơn, [Date, Date] cho chế độ khoảng.","components.calendar.description":`Component Calendar cung cấp giao diện lịch trực quan để chọn ngày. Hỗ trợ cả chế độ chọn một ngày và chọn khoảng thời gian, với các chế độ điều hướng có thể tùy chỉnh và khả năng hiển thị văn bản tùy chỉnh cho mỗi ô ngày.
|
|
5
|
+
|
|
6
|
+
### Tính năng
|
|
7
|
+
- Chọn một ngày hoặc khoảng thời gian
|
|
8
|
+
- Các chế độ điều hướng tùy chỉnh (tháng, tháng-năm, chỉ giờ)
|
|
9
|
+
- Hỗ trợ đa ngôn ngữ (tiếng Việt và tiếng Anh)
|
|
10
|
+
- Tùy chỉnh hiển thị ngày, thứ và tiêu đề`,"components.calendar.langDescription":"Ngôn ngữ cho lịch. Mặc định là 'vi'.","components.calendar.maxDateDescription":"Ngày tối đa có thể chọn. Các ngày sau ngày này sẽ bị vô hiệu hóa.","components.calendar.minDateDescription":"Ngày tối thiểu có thể chọn. Các ngày trước ngày này sẽ bị vô hiệu hóa.","components.calendar.navigationModeDescription":"Chế độ điều hướng cho tiêu đề lịch. Mặc định là 'month-year'.","components.calendar.onChangeDescription":"Hàm callback được gọi khi ngày được chọn thay đổi.","components.calendar.propsDescription":"Hỗ trợ tất cả các thuộc tính phần tử div HTML chuẩn (onClick, v.v...).","components.calendar.stories.controlledDateRange.noSelection":"Chưa chọn","components.calendar.stories.controlledDateRange.selected":"Đã chọn:","components.calendar.stories.controlledDateRange.title":"Phạm vi ngày được kiểm soát","components.calendar.stories.controlledSingleDate.title":"Ngày đơn được kiểm soát","components.calendar.stories.controlledSingleDate.selected":"Đã chọn:","components.calendar.stories.months.april":"Tháng 4","components.calendar.stories.months.august":"Tháng 8","components.calendar.stories.months.december":"Tháng 12","components.calendar.stories.months.february":"Tháng 2","components.calendar.stories.months.january":"Tháng 1","components.calendar.stories.months.july":"Tháng 7","components.calendar.stories.months.june":"Tháng 6","components.calendar.stories.months.march":"Tháng 3","components.calendar.stories.months.may":"Tháng 5","components.calendar.stories.months.november":"Tháng 11","components.calendar.stories.months.october":"Tháng 10","components.calendar.stories.months.september":"Tháng 9","components.calendar.stories.navigationModes.monthOnly":"Chỉ tháng","components.calendar.stories.navigationModes.monthYear":"Tháng và Năm (Mặc định)","components.calendar.stories.navigationModes.timeOnly":"Chỉ giờ","components.calendar.stories.weekdays.friday":"T6","components.calendar.stories.weekdays.monday":"T2","components.calendar.stories.weekdays.saturday":"T7","components.calendar.stories.weekdays.sunday":"CN","components.calendar.stories.weekdays.thursday":"T5","components.calendar.stories.weekdays.tuesday":"T3","components.calendar.stories.weekdays.wednesday":"T4","components.calendar.stories.withCustomRendering.event":"Sự kiện","components.calendar.stories.withCustomRendering.sale":"Giảm giá","components.calendar.stories.withDateRangeConstraints.noDateSelected":"Chưa chọn ngày","components.calendar.stories.withDateRangeConstraints.selectableRange":"Phạm vi có thể chọn:","components.calendar.stories.withDateRangeConstraints.selectedDate":"Ngày đã chọn:","components.calendar.stories.default.title":"Mặc định","components.calendar.stories.navigationModes.title":"Chế độ điều hướng","components.calendar.stories.withCustomRendering.title":"Tùy chỉnh hiển thị","components.calendar.stories.withDateRangeConstraints.title":"Giới hạn phạm vi ngày","components.calendar.stories.interactive.title":"Tương tác","components.calendar.typeDescription":"Chế độ chọn. Mặc định là 'single' (một ngày).","components.calendar.valueDescription":"Ngày đã chọn. Đối tượng Date cho chế độ đơn, [Date, Date] cho chế độ khoảng.","components.carousel.argTypes.carouselDescription":"Thể hiện Carousel bên ngoài tùy chọn được tạo bằng hook `useCarousel`. Nếu không được cung cấp, một thể hiện mới sẽ được tạo.","components.carousel.argTypes.childrenDescription":"Các phần tử CarouselItem để hiển thị.","components.carousel.argTypes.classNameDescription":"Các lớp CSS bổ sung cho container của carousel.","components.carousel.argTypes.options.alignDescription":"Căn chỉnh các slide trong viewport. Mặc định là 'center'.","components.carousel.argTypes.options.autoHeightDescription":"Có tự động điều chỉnh chiều cao dựa trên slide đang hoạt động hay không. Mặc định là true.","components.carousel.argTypes.options.autoplayDescription":"Có tự động chuyển slide hay không. Mặc định là true.","components.carousel.argTypes.options.delayDescription":"Thời gian trễ giữa các lần chuyển slide tự động tính bằng mili giây. Mặc định là 3000.","components.carousel.argTypes.options.durationDescription":"Thời gian cuộn khi được kích hoạt bởi các phương thức API. Số càng cao thì tốc độ cuộn càng chậm. Mặc định là 25.","components.carousel.argTypes.options.gapDescription":"Khoảng cách giữa các slide tính bằng pixel. Mặc định là 8.","components.carousel.argTypes.options.initialIndexDescription":"Chỉ số slide ban đầu được hiển thị. Mặc định là 0.","components.carousel.argTypes.options.loopDescription":"Có cho phép carousel lặp vô hạn hay không.","components.carousel.argTypes.optionsDescription":"Các tùy chọn cấu hình cho hành vi của carousel.","components.carousel.argTypes.paginationDescription":"Có hiển thị chỉ số phân trang hay không. Mặc định là `true`.","components.carousel.carouselDescription":"Thể hiện Carousel bên ngoài tùy chọn được tạo bằng hook `useCarousel`. Nếu không được cung cấp, một thể hiện mới sẽ được tạo.","components.carousel.childrenDescription":"Các phần tử CarouselItem để hiển thị.","components.carousel.classNameDescription":"Các lớp CSS bổ sung cho container của carousel.","components.carousel.description":`Component Carousel hiển thị một bộ sưu tập các phần tử có thể cuộn ngang, thường là hình ảnh. Hỗ trợ chỉ số phân trang, lặp vô hạn, tự động phát và điều hướng lập trình.
|
|
11
|
+
|
|
12
|
+
### Tính năng
|
|
13
|
+
- Bộ sưu tập cuộn ngang các phần tử
|
|
14
|
+
- Chỉ số phân trang
|
|
15
|
+
- Lặp vô hạn
|
|
16
|
+
- Tự động phát với thời gian trễ có thể cấu hình
|
|
17
|
+
- Điều hướng lập trình
|
|
18
|
+
- Có thể tùy chỉnh căn chỉnh và khoảng cách`,"components.carousel.options.alignDescription":"Căn chỉnh các slide trong viewport. Mặc định là 'center'.","components.carousel.options.autoHeightDescription":"Có tự động điều chỉnh chiều cao dựa trên slide đang hoạt động hay không. Mặc định là true.","components.carousel.options.autoplayDescription":"Có tự động chuyển slide hay không. Mặc định là true.","components.carousel.options.delayDescription":"Thời gian trễ giữa các lần chuyển slide tự động tính bằng mili giây. Mặc định là 3000.","components.carousel.options.durationDescription":"Thời gian cuộn khi được kích hoạt bởi các phương thức API. Số càng cao thì tốc độ cuộn càng chậm. Mặc định là 25.","components.carousel.options.gapDescription":"Khoảng cách giữa các slide tính bằng pixel. Mặc định là 8.","components.carousel.options.initialIndexDescription":"Chỉ số slide ban đầu được hiển thị. Mặc định là 0.","components.carousel.options.loopDescription":"Có cho phép carousel lặp vô hạn hay không.","components.carousel.optionsDescription":"Các tùy chọn cấu hình cho hành vi của carousel.","components.carousel.paginationDescription":"Có hiển thị chỉ số phân trang hay không. Mặc định là `true`.","components.carousel.stories.alignmentOptions.center":"Giữa","components.carousel.stories.alignmentOptions.end":"Cuối","components.carousel.stories.alignmentOptions.start":"Đầu","components.carousel.stories.externalCarouselInstance.activeIndex":"Slide hiện tại:","components.carousel.stories.externalCarouselInstance.canNext":"Có thể tiếp?","components.carousel.stories.externalCarouselInstance.canPrev":"Có thể trước?","components.carousel.stories.externalCarouselInstance.next":"Tiếp","components.carousel.stories.externalCarouselInstance.no":"Không","components.carousel.stories.externalCarouselInstance.previous":"Trước","components.carousel.stories.externalCarouselInstance.yes":"Có","components.carousel.stories.programmaticControl.goToSlide":"Đến slide {{index}}","components.carousel.stories.programmaticControl.next":"Tiếp","components.carousel.stories.programmaticControl.previous":"Trước","components.carousel.stories.slide":"Trang trình bày","components.carousel.stories.default.title":"Mặc định","components.carousel.stories.withLoop.title":"Với vòng lặp","components.carousel.stories.withoutPagination.title":"Không có phân trang","components.carousel.stories.customOptions.title":"Tùy chọn tùy chỉnh","components.carousel.stories.programmaticControl.title":"Điều khiển bằng lập trình","components.carousel.stories.externalCarouselInstance.title":"Thể hiện Carousel bên ngoài","components.carousel.stories.alignmentOptions.title":"Tùy chọn căn chỉnh","components.carousel.stories.multipleSlides.title":"Nhiều slide","components.carousel.stories.withoutAutoplay.title":"Không tự động phát","components.carousel.stories.interactive.title":"Tương tác","components.checkbox.argTypes.checkedDescription":"Có chọn checkbox hay không. Sử dụng cho component được kiểm soát.","components.checkbox.argTypes.childrenDescription":"Nội dung nhãn của checkbox.","components.checkbox.argTypes.classNameDescription":"Các lớp CSS bổ sung cho container của checkbox.","components.checkbox.argTypes.defaultCheckedDescription":"Trạng thái chọn ban đầu cho component không được kiểm soát. Mặc định là `false`.","components.checkbox.argTypes.defaultNumberDescription":"Giá trị số mặc định khi sử dụng component không kiểm soát với biến thể số.","components.checkbox.argTypes.disabledDescription":"Có vô hiệu hóa checkbox hay không. Mặc định là `false`.","components.checkbox.argTypes.numberDescription":"Số hiển thị khi biến thể là 'number'.","components.checkbox.argTypes.onChangeDescription":"Callback khi trạng thái chọn thay đổi.","components.checkbox.argTypes.onNumberChangeDescription":"Callback khi giá trị số thay đổi.","components.checkbox.argTypes.propsDescription":"Hỗ trợ tất cả các thuộc tính phần tử input HTML chuẩn.","components.checkbox.argTypes.themeDescription":"Giao diện hình ảnh của checkbox. Mặc định là `default` (ánh xạ tới `brand`).","components.checkbox.argTypes.typographyDescription":"Các thuộc tính typography để tùy chỉnh văn bản nhãn.","components.checkbox.argTypes.variantDescription":"Kiểu biến thể của checkbox. Mặc định là `default`.","components.checkbox.checkedDescription":"Có chọn checkbox hay không. Sử dụng cho component được điều khiển.","components.checkbox.childrenDescription":"Văn bản hoặc nội dung hiển thị bên cạnh checkbox.","components.checkbox.classNameDescription":"Các lớp CSS bổ sung cho checkbox.","components.checkbox.defaultCheckedDescription":"Trạng thái chọn ban đầu cho component không được điều khiển.","components.checkbox.defaultNumberDescription":"Giá trị số ban đầu cho biến thể số không được điều khiển.","components.checkbox.description":"Component Checkbox cho phép người dùng chọn một hoặc nhiều tùy chọn từ một tập hợp. Hỗ trợ chức năng checkbox tiêu chuẩn, trạng thái không xác định (indeterminate) và biến thể số để chọn số lượng.","components.checkbox.disabledDescription":"Có vô hiệu hóa checkbox hay không.","components.checkbox.numberDescription":"Giá trị số cho biến thể số. Sử dụng cho component được điều khiển.","components.checkbox.onChangeDescription":"Hàm callback được gọi khi trạng thái chọn của checkbox thay đổi (cho biến thể mặc định).","components.checkbox.onNumberChangeDescription":"Hàm callback được gọi khi giá trị số thay đổi (cho biến thể số).","components.checkbox.propsDescription":"Hỗ trợ tất cả các thuộc tính phần tử input HTML chuẩn (name, id, v.v...).","components.checkbox.stories.checkboxGroup.none":"Không có","components.checkbox.stories.checkboxGroup.options.Option 1":"Tùy chọn 1","components.checkbox.stories.checkboxGroup.options.Option 2":"Tùy chọn 2","components.checkbox.stories.checkboxGroup.options.Option 3":"Tùy chọn 3","components.checkbox.stories.checkboxGroup.selected":"Đã chọn:","components.checkbox.stories.complete.agreeTerms":"Tôi đồng ý với các điều khoản và điều kiện","components.checkbox.stories.complete.disabledOption":"Tùy chọn đã vô hiệu hóa","components.checkbox.stories.complete.disabledTitle":"Tùy chọn đã vô hiệu hóa","components.checkbox.stories.complete.items":"Sản phẩm","components.checkbox.stories.complete.quantityTitle":"Chọn số lượng","components.checkbox.stories.complete.termsTitle":"Điều khoản và Điều kiện","components.checkbox.stories.controlled.checked":"đã chọn","components.checkbox.stories.default.title":"Mặc định","components.checkbox.stories.states.title":"Các trạng thái","components.checkbox.stories.variants.title":"Các biến thể","components.checkbox.stories.themes.title":"Giao diện","components.checkbox.stories.controlled.title":"Điều khiển","components.checkbox.stories.controlled.currently":"Checkbox được kiểm soát (hiện tại: {{state}})","components.checkbox.stories.controlled.toggleButton":"Chuyển đổi Checkbox","components.checkbox.stories.controlled.unchecked":"chưa chọn","components.checkbox.stories.numberVariant.title":"Biến thể số","components.checkbox.stories.checkboxGroup.title":"Nhóm checkbox","components.checkbox.stories.completeExample.title":"Ví dụ hoàn chỉnh","components.checkbox.stories.interactive.title":"Tương tác","components.checkbox.stories.interactive.label":"Checkbox tương tác","components.checkbox.stories.numberVariant.instructions":"Nhấp vào checkbox để tăng số. Giá trị hiện tại: {{count}}","components.checkbox.stories.numberVariant.quantity":"Số lượng","components.checkbox.stories.states.checked":"Đã chọn","components.checkbox.stories.states.disabledChecked":"Đã vô hiệu hóa (đã chọn)","components.checkbox.stories.states.disabledUnchecked":"Đã vô hiệu hóa (chưa chọn)","components.checkbox.stories.states.notChecked":"Chưa chọn","components.checkbox.stories.themes.brandTheme":"Giao diện thương hiệu (mặc định)","components.checkbox.stories.themes.inverseTheme":"Giao diện đảo ngược","components.checkbox.stories.variants.defaultCheckbox":"Checkbox mặc định","components.checkbox.stories.variants.indeterminateCheckbox":"Checkbox không xác định","components.checkbox.stories.variants.quantity":"Số lượng: {{count}}","components.checkbox.themeDescription":"Giao diện hình ảnh của checkbox. Có thể là 'default' (ánh xạ tới 'brand'), 'brand' hoặc 'inverse'.","components.checkbox.typographyDescription":"Các props typography để tùy chỉnh kiểu dáng nhãn.","components.checkbox.variantDescription":"Kiểu biến thể của checkbox. Có thể là 'default', 'number' hoặc 'indeterminate'.","components.chip.argTypes.childrenDescription":"Nội dung của chip. Có thể sử dụng thay thế cho prop label.","components.chip.argTypes.classNameDescription":"Các lớp CSS bổ sung cho container của chip.","components.chip.argTypes.countDescription":"Số lượng hiển thị (đối với loại hành động, hiển thị dưới dạng huy hiệu).","components.chip.argTypes.disabledDescription":"Có vô hiệu hóa chip và không tương tác được hay không.","components.chip.argTypes.labelDescription":"Văn bản hiển thị trong chip. Có thể sử dụng children thay thế.","components.chip.argTypes.leadingIconDescription":"Biểu tượng hoặc phần tử hiển thị trước nhãn.","components.chip.argTypes.propsDescription":"Hỗ trợ tất cả các thuộc tính phần tử div HTML chuẩn.","components.chip.argTypes.selectedDescription":"Có đang ở trạng thái được chọn hay không.","components.chip.argTypes.themeDescription":"Giao diện màu sắc của chip. Mặc định là 'default' (ánh xạ tới 'brand').","components.chip.argTypes.trailingIconDescription":"Biểu tượng hoặc phần tử hiển thị sau nhãn.","components.chip.argTypes.typeDescription":"Kiểu biến thể của chip. Mặc định là 'selection'.","components.chip.childrenDescription":"Nội dung nhãn của chip. Có thể sử dụng thay thế cho prop 'label'.","components.chip.classNameDescription":"Các lớp CSS bổ sung cho chip.","components.chip.countDescription":"Số đếm để hiển thị (đối với loại 'action', hiển thị dưới dạng huy hiệu).","components.chip.description":"Component Chip đại diện cho một đầu vào, thuộc tính hoặc hành động trong một hình thức nhỏ gọn. Hỗ trợ nhiều loại (lựa chọn, thả xuống, hành động, đầu vào), giao diện và có thể hiển thị biểu tượng và số đếm.","components.chip.disabledDescription":"Có vô hiệu hóa chip và không cho phép tương tác hay không.","components.chip.labelDescription":"Văn bản nhãn hiển thị trong chip. Có thể sử dụng children thay thế.","components.chip.leadingIconDescription":"Biểu tượng hoặc phần tử hiển thị trước nhãn. Đối với loại 'selection', biểu tượng dấu tích sẽ tự động xuất hiện khi được chọn.","components.chip.propsDescription":"Hỗ trợ tất cả các thuộc tính phần tử div HTML chuẩn (onClick, v.v...).","components.chip.selectedDescription":"Có phải chip đang ở trạng thái được chọn hay không.","components.chip.stories.actionChip.messages":"Tin nhắn","components.chip.stories.actionChip.notifications":"Thông báo","components.chip.stories.chipGroup.none":"Không có","components.chip.stories.chipGroup.selected":"Đã chọn:","components.chip.stories.completeExample.actionChips":"Chip hành động","components.chip.stories.completeExample.all":"Tất cả","components.chip.stories.completeExample.completed":"Đã hoàn thành","components.chip.stories.completeExample.favorite":"Yêu thích","components.chip.stories.completeExample.filterChips":"Bộ lọc","components.chip.stories.completeExample.inbox":"Hộp thư đến","components.chip.stories.completeExample.interactiveChip":"Chip tương tác","components.chip.stories.completeExample.sortBy":"Sắp xếp theo","components.chip.stories.disabledState.actionDisabled":"Hành động đã vô hiệu hóa","components.chip.stories.disabledState.disabled":"Đã vô hiệu hóa","components.chip.stories.disabledState.disabledChips":"Chip đã vô hiệu hóa","components.chip.stories.disabledState.selectedAndDisabled":"Đã chọn & Vô hiệu hóa","components.chip.stories.interactive.label":"Chip tương tác","components.chip.stories.themes.brandTheme":"Giao diện thương hiệu (mặc định)","components.chip.stories.themes.neutralTheme":"Giao diện trung tính","components.chip.stories.types.action":"Hành động","components.chip.stories.types.dropdown":"Thả xuống","components.chip.stories.types.highCount":"Số lượng lớn","components.chip.stories.types.input":"Đầu vào","components.chip.stories.types.notSelected":"Chưa chọn","components.chip.stories.types.selected":"Đã chọn","components.chip.stories.types.selectedWithIcon":"Đã chọn (hiển thị biểu tượng tích)","components.chip.stories.types.selection":"Lựa chọn","components.chip.stories.types.veryHighCount":"Số lượng rất lớn","components.chip.stories.withIcons.bothIcons":"Cả hai biểu tượng","components.chip.stories.withIcons.customTrailingIcon":"Biểu tượng cuối tùy chỉnh","components.chip.stories.withIcons.leadingIcon":"Biểu tượng đầu","components.chip.stories.withIcons.selectedWithIcon":"Đã chọn với biểu tượng","components.chip.stories.withIcons.trailingIcon":"Biểu tượng cuối","components.chip.stories.withIcons.withIcon":"Có biểu tượng","components.chip.stories.withIcons.withTrailingIcon":"Có biểu tượng cuối","components.chip.stories.default.title":"Mặc định","components.chip.stories.types.title":"Các loại","components.chip.stories.themes.title":"Giao diện","components.chip.stories.selectedState.title":"Trạng thái đã chọn","components.chip.stories.withIcons.title":"Có biểu tượng","components.chip.stories.actionChipWithCount.title":"Chip hành động với số đếm","components.chip.stories.disabledState.title":"Trạng thái vô hiệu hóa","components.chip.stories.chipGroup.title":"Nhóm Chip","components.chip.stories.completeExample.title":"Ví dụ hoàn chỉnh","components.chip.stories.interactive.title":"Tương tác","components.chip.themeDescription":"Giao diện màu sắc của chip. Có thể là 'default' (ánh xạ tới 'brand'), 'brand' hoặc 'neutral'.","components.chip.trailingIconDescription":"Biểu tượng hoặc phần tử hiển thị sau nhãn. Loại 'dropdown' tự động hiển thị mũi tên xuống. Loại 'input' hiển thị dấu X khi được chọn.","components.chip.typeDescription":"Kiểu biến thể của chip. Có thể là 'selection' (lựa chọn), 'dropdown' (thả xuống), 'action' (hành động) hoặc 'input' (đầu vào).","components.dateField.argTypes.classNameDescription":"Các lớp CSS bổ sung cho phần tử bao bọc.","components.dateField.argTypes.loadingDescription":"Có phải trường đang trong trạng thái tải, hiển thị bộ xương (skeleton) hay không.","components.dateField.argTypes.onChangeDescription":"Hàm callback được gọi khi giá trị ngày thay đổi.","components.dateField.argTypes.pickerDescription":"Có hiển thị bảng chọn ngày hay không. Có thể là true hoặc một đối tượng cấu hình bộ chọn. Mặc định là true.","components.dateField.argTypes.propsDescription":"Hỗ trợ tất cả các thuộc tính phần tử div HTML chuẩn (onClick, v.v...).","components.dateField.argTypes.valueDescription":"Giá trị ngày đã chọn. Sử dụng cho component được điều khiển.","components.dateField.classNameDescription":"Các lớp CSS bổ sung cho thành phần.","components.dateField.description":"Trường nhập ngày tháng với bộ chọn ngày tích hợp. Hỗ trợ nhiều định dạng, xác thực và trạng thái khác nhau.","components.dateField.disabledDescription":"Vô hiệu hóa trường nhập.","components.dateField.errorDescription":"Hiển thị trạng thái lỗi.","components.dateField.errorMessageDescription":"Thông báo lỗi hiển thị khi có lỗi.","components.dateField.labelDescription":"Cấu hình nhãn cho trường nhập.","components.dateField.loadingDescription":"Hiển thị trạng thái tải.","components.dateField.onChangeDescription":"Hàm gọi lại khi giá trị thay đổi.","components.dateField.pickerDescription":"Có hiển thị bộ chọn ngày hay không. Có thể là boolean hoặc đối tượng cấu hình.","components.dateField.placeholderDescription":"Văn bản giữ chỗ khi trường nhập trống.","components.dateField.propsDescription":"Hỗ trợ tất cả các thuộc tính phần tử div HTML chuẩn.","components.dateField.shapeDescription":"Hình dạng của trường nhập. Có thể là 'rounded' (bo tròn) hoặc 'pill' (hình viên thuốc).","components.dateField.stories.default.placeholder":"Chọn ngày","components.dateField.stories.shapes.pill":"Hình viên thuốc","components.dateField.stories.shapes.rounded":"Bo tròn (mặc định)","components.dateField.stories.states.errorMessage":"Vui lòng chọn ngày hợp lệ","components.dateField.stories.states.loading":"Đang tải...","components.dateField.stories.withLabel.label":"Ngày sinh","components.dateField.stories.withLabel.placeholder":"dd/mm/yyyy","components.dateField.stories.withoutPicker.placeholder":"Nhập ngày thủ công","components.dateField.stories.default.title":"Mặc định","components.dateField.stories.controlled.title":"Điều khiển","components.dateField.stories.withoutPicker.title":"Không có bộ chọn","components.dateField.stories.states.title":"Các trạng thái","components.dateField.stories.withLabel.title":"Có nhãn","components.dateField.stories.shapes.title":"Hình dạng","components.dateField.stories.interactive.title":"Tương tác","components.dateField.stories.rangeDateField.title":"Trường nhập phạm vi ngày","components.dateField.stories.rangeDateField.datePickerControlled.label":"Điều khiển - Bộ chọn ngày","components.dateField.stories.rangeDateField.calendarControlled.label":"Điều khiển - Bộ chọn lịch","components.dateField.stories.rangeDateField.inputControlled.label":"Điều khiển - chỉ nhập input","components.dateField.stories.rangeDateField.datePickerUncontrolled.label":"Không điều khiển - Bộ chọn ngày","components.dateField.stories.rangeDateField.calendarUncontrolled.label":"Không điều khiển - Bộ chọn lịch","components.dateField.stories.rangeDateField.inputUncontrolled.label":"Không điều khiển - chỉ nhập input","components.dateField.successDescription":"Hiển thị trạng thái thành công.","components.dateField.successMessageDescription":"Thông báo thành công hiển thị khi thành công.","components.dateField.valueDescription":"Giá trị ngày tháng hiện tại của trường nhập.","components.datePicker.argTypes.classNameDescription":"Các lớp CSS bổ sung cho thành phần.","components.datePicker.argTypes.dayDescription":"Có hiển thị chọn ngày hay không.","components.datePicker.argTypes.hourDescription":"Có hiển thị chọn giờ hay không.","components.datePicker.argTypes.maxDescription":"Ngày tối đa có thể chọn.","components.datePicker.argTypes.minDescription":"Ngày tối thiểu có thể chọn.","components.datePicker.argTypes.monthDescription":"Có hiển thị chọn tháng hay không.","components.datePicker.argTypes.onChangeDescription":"Hàm gọi lại khi giá trị thay đổi.","components.datePicker.argTypes.valueDescription":"Giá trị ngày tháng hiện tại.","components.datePicker.argTypes.yearDescription":"Có hiển thị chọn năm hay không.","components.datePicker.classNameDescription":"Các lớp CSS bổ sung cho thành phần.","components.datePicker.dayDescription":"Có hiển thị chọn ngày hay không.","components.datePicker.description":"Bộ chọn ngày tháng linh hoạt với hỗ trợ chọn ngày, tháng, năm và giờ. Có thể tùy chỉnh để chỉ hiển thị các phần cần thiết.","components.datePicker.hourDescription":"Có hiển thị chọn giờ hay không.","components.datePicker.maxDescription":"Ngày tối đa có thể chọn.","components.datePicker.minDescription":"Ngày tối thiểu có thể chọn.","components.datePicker.monthDescription":"Có hiển thị chọn tháng hay không.","components.datePicker.onChangeDescription":"Hàm gọi lại khi giá trị thay đổi.","components.datePicker.propsDescription":"Hỗ trợ tất cả các thuộc tính phần tử div HTML chuẩn.","components.datePicker.stories.dateAndTime.description":"Hiển thị đầy đủ ngày, tháng, năm và giờ.","components.datePicker.stories.dateAndTimeNoYear.description":"Hiển thị ngày, tháng, giờ (không có năm).","components.datePicker.stories.dateOnly.description":"Chỉ hiển thị ngày, tháng, năm (không có giờ).","components.datePicker.stories.interactive.selected":"Đã chọn: ","components.datePicker.stories.timeOnly.description":"Chỉ hiển thị giờ (không có ngày, tháng, năm).","components.datePicker.stories.withDateRange.description":"Giới hạn phạm vi ngày có thể chọn từ {{min}} đến {{max}}.","components.datePicker.stories.default.title":"Mặc định","components.datePicker.stories.controlled.title":"Điều khiển","components.datePicker.stories.dateOnly.title":"Chỉ ngày tháng năm","components.datePicker.stories.timeOnly.title":"Chỉ giờ","components.datePicker.stories.dateAndTime.title":"Ngày tháng năm và giờ","components.datePicker.stories.dateAndTimeNoYear.title":"Ngày tháng và giờ (không có năm)","components.datePicker.stories.withDateRange.title":"Với phạm vi ngày","components.datePicker.stories.interactive.title":"Tương tác","components.datePicker.valueDescription":"Giá trị ngày tháng hiện tại.","components.datePicker.yearDescription":"Có hiển thị chọn năm hay không.","components.dialog.argTypes.childrenDescription":"Nội dung chính của dialog.","components.dialog.argTypes.classNameDescription":"Các lớp CSS bổ sung cho container của dialog.","components.dialog.argTypes.closeActionDescription":"Có hiển thị nút đóng ở góc trên bên phải hay không.","components.dialog.argTypes.openInPortalDescription":"Có render dialog trong portal (document.body) hay không. Mặc định là false.","components.dialog.argTypes.descriptionDescription":"Văn bản mô tả hiển thị bên dưới tiêu đề.","components.dialog.argTypes.footerDescription":"Nội dung chân trang, thường chứa các nút hành động.","components.dialog.argTypes.onBackdropClickDescription":"Hàm callback được gọi khi nhấp vào lớp phủ nền.","components.dialog.argTypes.onCloseClickDescription":"Hàm callback được gọi khi nhấp vào nút đóng.","components.dialog.argTypes.openDescription":"Có hiển thị dialog hay không.","components.dialog.argTypes.titleDescription":"Văn bản tiêu đề hiển thị ở đầu dialog.","components.dialog.argTypes.topDescription":"Nội dung tùy chỉnh hiển thị ở đầu dialog (thay thế cho topImageUrl).","components.dialog.argTypes.topImageUrlDescription":"URL của hình ảnh hiển thị ở đầu dialog.","components.dialog.childrenDescription":"Nội dung chính của dialog.","components.dialog.classNameDescription":"Các lớp CSS bổ sung cho container của dialog.","components.dialog.closeActionDescription":"Có hiển thị nút đóng ở góc trên bên phải hay không.","components.dialog.openInPortalDescription":"Có render dialog trong portal (document.body) hay không. Mặc định là false.","components.dialog.description":"Component Dialog hiển thị nội dung modal tạm thời chặn tương tác với giao diện chính. Được sử dụng để hiển thị thông tin, xác nhận hoặc thu thập đầu vào từ người dùng thông qua một lớp phủ tập trung.","components.dialog.descriptionDescription":"Văn bản mô tả hiển thị bên dưới tiêu đề.","components.dialog.footerDescription":"Nội dung chân trang, thường chứa các nút hành động.","components.dialog.onBackdropClickDescription":"Hàm callback được gọi khi nhấp vào lớp phủ nền.","components.dialog.onCloseClickDescription":"Hàm callback được gọi khi nhấp vào nút đóng.","components.dialog.openDescription":"Có hiển thị dialog hay không.","components.dialog.propsDescription":"Hỗ trợ tất cả các thuộc tính phần tử div HTML chuẩn.","components.dialog.stories.completeExample.buttonText":"Mở ví dụ đầy đủ","components.dialog.stories.completeExample.cancel":"Hủy","components.dialog.stories.completeExample.cancelButton":"Hủy","components.dialog.stories.completeExample.confirm":"Xác nhận","components.dialog.stories.completeExample.delete":"Xóa","components.dialog.stories.completeExample.deleteButton":"Xóa","components.dialog.stories.completeExample.descriptionText":"Bạn có chắc chắn muốn xóa mục này? Hành động này không thể hoàn tác.","components.dialog.stories.completeExample.title":"Ví dụ đầy đủ","components.dialog.stories.completeExample.titleText":"Xác nhận xóa","components.dialog.stories.completeExample.storyName":"Ví dụ đầy đủ","components.dialog.stories.withCustomContent.storyName":"Nội dung tùy chỉnh","components.dialog.stories.default.storyName":"Mặc định","components.dialog.stories.default.buttonText":"Mở Dialog","components.dialog.stories.default.title2":"Tiêu đề Dialog 2","components.dialog.stories.default.description2":"Đây là mô tả của dialog 2","components.dialog.stories.default.open2":"Mở Dialog 2","components.dialog.stories.default.cancel":"Hủy","components.dialog.stories.default.close":"Đóng","components.dialog.stories.default.confirm":"Xác nhận","components.dialog.stories.default.description":"Đây là mô tả của dialog","components.dialog.stories.default.title":"Tiêu đề Dialog","components.dialog.stories.footerWithMultipleButtons.buttonText":"Mở Dialog nhiều nút","components.dialog.stories.footerWithMultipleButtons.cancel":"Hủy","components.dialog.stories.footerWithMultipleButtons.delete":"Xóa","components.dialog.stories.footerWithMultipleButtons.description":"Đây là mô tả với nhiều nút","components.dialog.stories.footerWithMultipleButtons.save":"Lưu","components.dialog.stories.footerWithMultipleButtons.title":"Tiêu đề nhiều nút","components.dialog.stories.footerWithMultipleButtons.storyName":"Nhiều nút chân trang","components.dialog.stories.withCustomTopContent.storyName":"Nội dung tùy chỉnh trên cùng","components.dialog.stories.footerWithStackedButtons.buttonText":"Mở Dialog nút xếp chồng","components.dialog.stories.footerWithStackedButtons.description":"Đây là mô tả với các nút xếp chồng","components.dialog.stories.footerWithStackedButtons.primaryAction":"Hành động chính","components.dialog.stories.footerWithStackedButtons.secondaryAction":"Hành động phụ","components.dialog.stories.footerWithStackedButtons.title":"Tiêu đề nút xếp chồng","components.dialog.stories.footerWithStackedButtons.storyName":"Nút chân trang xếp chồng","components.dialog.stories.interactive.buttonText":"Mở Dialog tương tác","components.dialog.stories.interactive.close":"Đóng dialog","components.dialog.stories.interactive.closeButton":"Đóng dialog","components.dialog.stories.interactive.customContent":"Nội dung tùy chỉnh có thể được thêm vào đây.","components.dialog.stories.interactive.descriptionText":"Đây là một dialog có thể tùy chỉnh thông qua bảng điều khiển bên dưới.","components.dialog.stories.interactive.title":"Tương tác","components.dialog.stories.interactive.titleText":"Dialog tùy chỉnh","components.dialog.stories.titleOnly.storyName":"Chỉ có tiêu đề","components.dialog.stories.titleOnly.buttonText":"Mở Dialog chỉ có tiêu đề","components.dialog.stories.titleOnly.close":"Đóng","components.dialog.stories.titleOnly.title":"Tiêu đề Dialog","components.dialog.stories.withCloseButton.storyName":"Có nút đóng","components.dialog.stories.withCloseButton.buttonText":"Mở Dialog có nút đóng","components.dialog.stories.withCloseButton.close":"Đóng","components.dialog.stories.withCloseButton.description":"Đây là mô tả với nút đóng","components.dialog.stories.withCloseButton.title":"Tiêu đề với nút đóng","components.dialog.stories.withCustomContent.buttonText":"Mở Dialog nội dung tùy chỉnh","components.dialog.stories.withCustomContent.close":"Đóng","components.dialog.stories.withCustomContent.contentText":"Đây là nội dung tùy chỉnh của dialog. Bạn có thể thêm bất kỳ thành phần React nào vào đây.","components.dialog.stories.withCustomContent.contentTitle":"Nội dung tùy chỉnh","components.dialog.stories.withCustomContent.title":"Tiêu đề nội dung tùy chỉnh","components.dialog.stories.withCustomTopContent.buttonText":"Mở Dialog nội dung tùy chỉnh","components.dialog.stories.withCustomTopContent.close":"Đóng","components.dialog.stories.withCustomTopContent.customSubtitle":"Đây là phụ đề tùy chỉnh","components.dialog.stories.withCustomTopContent.customTitle":"Chào mừng","components.dialog.stories.withCustomTopContent.description":"Đây là mô tả với nội dung tùy chỉnh","components.dialog.stories.withCustomTopContent.title":"Tiêu đề tùy chỉnh","components.dialog.stories.withTopImage.storyName":"Có hình ảnh trên cùng","components.dialog.stories.withTopImage.buttonText":"Mở Dialog có hình ảnh","components.dialog.stories.withTopImage.close":"Đóng","components.dialog.stories.withTopImage.description":"Đây là mô tả với hình ảnh trên cùng","components.dialog.stories.withTopImage.imageUrl":"https://picsum.photos/600/300","components.dialog.stories.withTopImage.title":"Tiêu đề với hình ảnh","components.dialog.titleDescription":"Văn bản tiêu đề hiển thị ở đầu dialog.","components.dialog.topDescription":"Nội dung tùy chỉnh hiển thị ở đầu dialog (thay thế cho topImageUrl).","components.dialog.topImageUrlDescription":"URL của hình ảnh hiển thị ở đầu dialog.","components.dropdown.allowSearchDescription":"Có cho phép tìm kiếm trong dropdown hay không.","components.dropdown.argTypes.allowSearchDescription":"Có cho phép tìm kiếm trong dropdown hay không.","components.dropdown.argTypes.classNameDescription":"Các lớp CSS bổ sung cho dropdown.","components.dropdown.argTypes.disabledDescription":"Có vô hiệu hóa dropdown hay không.","components.dropdown.argTypes.loadingDescription":"Có hiển thị trạng thái đang tải hay không.","components.dropdown.argTypes.onChangeDescription":"Hàm callback được gọi khi giá trị thay đổi.","components.dropdown.argTypes.optionsDescription":"Mảng các tùy chọn để hiển thị trong dropdown.","components.dropdown.argTypes.placeholderDescription":"Văn bản gợi ý hiển thị khi chưa có giá trị nào được chọn.","components.dropdown.argTypes.shapeDescription":"Hình dạng của dropdown. Mặc định là 'rounded' (bo tròn).","components.dropdown.argTypes.valueDescription":"Giá trị đã chọn hiện tại. Sử dụng cho component được điều khiển.","components.dropdown.classNameDescription":"Các lớp CSS bổ sung cho dropdown.","components.dropdown.description":"Component Dropdown cung cấp một danh sách thả xuống để người dùng lựa chọn một hoặc nhiều tùy chọn. Hỗ trợ tìm kiếm, tải dữ liệu và nhiều trạng thái khác nhau.","components.dropdown.disabledDescription":"Có vô hiệu hóa dropdown hay không.","components.dropdown.loadingDescription":"Có hiển thị trạng thái đang tải hay không.","components.dropdown.onChangeDescription":"Hàm callback được gọi khi giá trị thay đổi.","components.dropdown.optionsDescription":"Mảng các tùy chọn để hiển thị trong dropdown.","components.dropdown.placeholderDescription":"Văn bản gợi ý hiển thị khi chưa có giá trị nào được chọn.","components.dropdown.propsDescription":"Hỗ trợ tất cả các thuộc tính phần tử div HTML chuẩn.","components.dropdown.shapeDescription":"Hình dạng của dropdown. Mặc định là 'rounded' (bo tròn).","components.dropdown.stories.default.placeholder":"Chọn một tùy chọn","components.dropdown.stories.options.option1":"Tùy chọn 1","components.dropdown.stories.options.option2":"Tùy chọn 2","components.dropdown.stories.options.option3":"Tùy chọn 3","components.dropdown.stories.options.option4":"Tùy chọn 4","components.dropdown.stories.options.option5":"Tùy chọn 5","components.dropdown.stories.shapes.pill":"Hình viên thuốc","components.dropdown.stories.shapes.rounded":"Bo tròn (mặc định)","components.dropdown.stories.states.disabled":"Đã vô hiệu hóa","components.dropdown.stories.states.errorMessage":"Vui lòng chọn một tùy chọn","components.dropdown.stories.states.loading":"Đang tải...","components.dropdown.stories.withLabel.label":"Chọn tùy chọn","components.dropdown.stories.withSearch.apple":"Táo","components.dropdown.stories.withSearch.banana":"Chuối","components.dropdown.stories.withSearch.cherry":"Anh đào","components.dropdown.stories.withSearch.date":"Chà là","components.dropdown.stories.withSearch.elderberry":"Cây cơm cháy","components.dropdown.stories.withSearch.placeholder":"Tìm kiếm và chọn","components.dropdown.stories.default.storyName":"Mặc định","components.dropdown.stories.controlled.storyName":"Điều khiển","components.dropdown.stories.withLabel.storyName":"Có nhãn","components.dropdown.stories.shapes.storyName":"Hình dạng","components.dropdown.stories.states.storyName":"Các trạng thái","components.dropdown.stories.withSearch.storyName":"Có tìm kiếm","components.dropdown.stories.interactive.storyName":"Tương tác","components.dropdown.valueDescription":"Giá trị đã chọn hiện tại. Sử dụng cho component được điều khiển.","components.icon.animationDescription":"Hiệu ứng chuyển động áp dụng cho biểu tượng.","components.icon.argTypes.animationDescription":"Hiệu ứng chuyển động áp dụng cho biểu tượng.","components.icon.argTypes.childrenDescription":"Nội dung biểu tượng tùy chỉnh (phần tử SVG hoặc component React). Khi được cung cấp, không cần thiết lập name.","components.icon.argTypes.classNameDescription":"Các lớp CSS bổ sung cho container của biểu tượng.","components.icon.argTypes.colorDescription":"Màu sắc của biểu tượng. Có thể là tên màu trong theme hoặc bất kỳ giá trị màu CSS nào.","components.icon.argTypes.nameDescription":"Tên của biểu tượng cần hiển thị. Bắt buộc khi không sử dụng children.","components.icon.argTypes.sizeDescription":"Kích thước của biểu tượng tính bằng pixel hoặc đơn vị CSS (ví dụ: '1rem', '24px').","components.icon.argTypes.styleDescription":"CSS inline style áp dụng cho container của biểu tượng.","components.icon.argTypes.typeDescription":"Kiểu dáng của biểu tượng. Mặc định là 'outline'.","components.icon.childrenDescription":"Nội dung biểu tượng tùy chỉnh (phần tử SVG hoặc component React). Khi được cung cấp, không cần thiết lập name.","components.icon.classNameDescription":"Các lớp CSS bổ sung cho container của biểu tượng.","components.icon.colorDescription":"Màu sắc của biểu tượng. Có thể là tên màu trong theme hoặc bất kỳ giá trị màu CSS nào.","components.icon.description":"Component Icon cung cấp một thư viện các biểu tượng có thể tùy chỉnh với nhiều kích thước, màu sắc và hiệu ứng hoạt hình khác nhau.","components.icon.nameDescription":"Tên của biểu tượng. Bắt buộc trừ khi sử dụng SVG tùy chỉnh.","components.icon.propsDescription":"Các thuộc tính bổ sung cho phần tử SVG (title, titleId, desc, descId, v.v.).","components.icon.sizeDescription":"Kích thước của biểu tượng tính bằng pixel hoặc đơn vị CSS (ví dụ: '1rem', '24px').","components.icon.stories.animations.bounce":"Nảy lên","components.icon.stories.animations.ping":"Nảy","components.icon.stories.animations.pulse":"Nhấp nháy","components.icon.stories.animations.spin":"Xoay","components.icon.stories.colors.cssColors":"Màu CSS","components.icon.stories.colors.themeColors":"Màu chủ đề","components.icon.stories.iconTypes.fill":"Đặc","components.icon.stories.iconTypes.outline":"Viền","components.icon.stories.default.storyName":"Mặc định","components.icon.stories.iconTypes.storyName":"Kiểu dáng","components.icon.stories.sizes.storyName":"Kích thước","components.icon.stories.colors.storyName":"Màu sắc","components.icon.stories.animations.storyName":"Hiệu ứng","components.icon.stories.customSVGIcon.storyName":"Biểu tượng SVG tùy chỉnh","components.icon.stories.withSVGProps.storyName":"Với thuộc tính SVG","components.icon.stories.completeExample.storyName":"Ví dụ đầy đủ","components.icon.stories.interactive.storyName":"Tương tác","components.icon.styleDescription":"CSS inline style áp dụng cho container của biểu tượng.","components.icon.typeDescription":"Kiểu dáng của biểu tượng. Mặc định là 'outline'.","components.image.altDescription":"Văn bản thay thế cho hình ảnh.","components.image.argTypes.altDescription":"Văn bản thay thế cho hình ảnh.","components.image.argTypes.classNameDescription":"Các lớp CSS bổ sung cho container của hình ảnh.","components.image.argTypes.fallbackDescription":"Nội dung hiển thị nếu tải hình ảnh thất bại. Mặc định là biểu tượng hình ảnh bị lỗi.","components.image.argTypes.fitDescription":"Giá trị CSS object-fit cho hình ảnh. Mặc định là 'fill'.","components.image.argTypes.heightDescription":"Chiều cao của container hình ảnh.","components.image.argTypes.lazyDescription":"Có bật lazy loading hay không. Mặc định là false.","components.image.argTypes.placeholderDescription":"Nội dung hiển thị khi đang tải hình ảnh. Mặc định là một biểu tượng hình ảnh.","components.image.argTypes.srcDescription":"URL nguồn của hình ảnh.","components.image.argTypes.srcSetDescription":"Tập hợp các nguồn hình ảnh cho responsive.","components.image.argTypes.widthDescription":"Chiều rộng của container hình ảnh.","components.image.classNameDescription":"Các lớp CSS bổ sung cho container của hình ảnh.","components.image.description":"Component Image cung cấp hiển thị hình ảnh mạnh mẽ với hỗ trợ lazy loading, placeholder và fallback. Tự động xử lý các trạng thái tải và lỗi hình ảnh.","components.image.fallbackDescription":"Nội dung hiển thị nếu tải hình ảnh thất bại. Mặc định là biểu tượng hình ảnh bị lỗi.","components.image.fitDescription":"Giá trị CSS object-fit cho hình ảnh. Mặc định là 'fill'.","components.image.heightDescription":"Chiều cao của container hình ảnh.","components.image.lazyDescription":"Có bật lazy loading hay không. Mặc định là false.","components.image.placeholderDescription":"Nội dung hiển thị khi đang tải hình ảnh. Mặc định là một biểu tượng hình ảnh.","components.image.propsDescription":"Hỗ trợ tất cả các thuộc tính phần tử img HTML chuẩn (onLoad, onError, v.v.).","components.image.srcDescription":"URL nguồn của hình ảnh.","components.image.srcSetDescription":"Tập hợp các nguồn hình ảnh cho responsive.","components.image.stories.completeExample.lazyLoadedImage":"Hình ảnh tải chậm","components.image.stories.completeExample.standardImage":"Hình ảnh tiêu chuẩn","components.image.stories.customPlaceholder.loading":"Đang tải...","components.image.stories.customPlaceholder.withCustom":"Với placeholder tùy chỉnh","components.image.stories.customPlaceholder.withSpinner":"Với spinner tải","components.image.stories.default.altText":"Hình ảnh mặc định","components.image.stories.fallback.brokenImage":"Hình ảnh bị lỗi","components.image.stories.fallback.brokenWithFallback":"Hình ảnh bị lỗi với fallback","components.image.stories.fallback.failedToLoad":"Không thể tải hình ảnh","components.image.stories.interactive.altText":"Hình ảnh tương tác","components.image.stories.lazyLoading.image1":"Hình ảnh tải chậm 1","components.image.stories.lazyLoading.image2":"Hình ảnh tải chậm 2","components.image.stories.lazyLoading.scrollDown":"Cuộn xuống...","components.image.stories.lazyLoading.scrollPrompt":"Cuộn xuống để xem hình ảnh tải chậm. Các hình ảnh bên dưới sẽ được tải khi chúng hiển thị trong khung nhìn.","components.image.stories.objectFit.contain":"Chứa vừa","components.image.stories.objectFit.cover":"Phủ kín","components.image.stories.objectFit.fill":"Điền đầy (mặc định)","components.image.stories.objectFit.none":"Không","components.image.stories.objectFit.scaleDown":"Thu nhỏ","components.image.stories.responsiveImages.alt":"Hình ảnh đáp ứng","components.image.stories.responsiveImages.description":"Hình ảnh này sử dụng srcSet để tải đáp ứng dựa trên tỷ lệ pixel của thiết bị.","components.image.stories.withDimensions.portrait":"Hình chữ nhật dọc","components.image.stories.withDimensions.rectangle":"Hình chữ nhật ngang","components.image.stories.withDimensions.square":"Hình vuông","components.image.stories.default.storyName":"Mặc định","components.image.stories.withDimensions.storyName":"Với kích thước","components.image.stories.objectFit.storyName":"Cách hiển thị","components.image.stories.lazyLoading.storyName":"Tải chậm","components.image.stories.customPlaceholder.storyName":"Placeholder tùy chỉnh","components.image.stories.fallback.storyName":"Xử lý lỗi","components.image.stories.responsiveImages.storyName":"Hình ảnh đáp ứng","components.image.stories.completeExample.storyName":"Ví dụ đầy đủ","components.image.stories.interactive.storyName":"Tương tác","components.image.widthDescription":"Chiều rộng của container hình ảnh.","components.label.argTypes.childrenDescription":"Nội dung của nhãn. Có thể sử dụng thay thế cho prop text.","components.label.argTypes.classNameDescription":"Các lớp CSS bổ sung cho nhãn.","components.label.argTypes.disabledDescription":"Nhãn có bị vô hiệu hóa hay không (ảnh hưởng đến kiểu dáng).","components.label.argTypes.helperTextDescription":"Văn bản trợ giúp hiển thị bên dưới nhãn.","components.label.argTypes.htmlForDescription":"Thuộc tính for để liên kết nhãn với phần tử input.","components.label.argTypes.iconDescription":"Biểu tượng hiển thị cạnh văn bản nhãn.","components.label.argTypes.loadingDescription":"Có hiển thị bộ xương tải dữ liệu hay không.","components.label.argTypes.propsDescription":"Hỗ trợ tất cả các thuộc tính HTML tiêu chuẩn của phần tử label.","components.label.argTypes.requiredDescription":"Có hiển thị dấu sao (*) để chỉ định trường bắt buộc hay không.","components.label.argTypes.textDescription":"Văn bản hiển thị làm nhãn. Có thể sử dụng children thay thế.","components.label.childrenDescription":"Nội dung của nhãn. Có thể sử dụng thay thế cho prop text.","components.label.classNameDescription":"Các lớp CSS bổ sung cho nhãn.","components.label.description":"Component Label cung cấp nhãn nhất quán cho các trường nhập liệu với hỗ trợ chỉ báo bắt buộc, biểu tượng, văn bản trợ giúp và trạng thái tải.","components.label.disabledDescription":"Nhãn có bị vô hiệu hóa hay không (ảnh hưởng đến kiểu dáng).","components.label.helperTextDescription":"Văn bản trợ giúp hiển thị bên dưới nhãn.","components.label.htmlForDescription":"Thuộc tính for để liên kết nhãn với phần tử input.","components.label.iconDescription":"Biểu tượng hiển thị cạnh văn bản nhãn.","components.label.loadingDescription":"Có hiển thị bộ xương tải dữ liệu hay không.","components.label.propsDescription":"Hỗ trợ tất cả các thuộc tính HTML tiêu chuẩn của phần tử label.","components.label.requiredDescription":"Có hiển thị dấu sao (*) để chỉ định trường bắt buộc hay không.","components.label.stories.associatedWithInput.email":"Email","components.label.stories.associatedWithInput.emailPlaceholder":"Nhập địa chỉ email của bạn","components.label.stories.associatedWithInput.password":"Mật khẩu","components.label.stories.associatedWithInput.passwordHelper":"Phải có ít nhất 8 ký tự","components.label.stories.associatedWithInput.passwordPlaceholder":"Nhập mật khẩu của bạn","components.label.stories.completeExample.email":"Địa chỉ email","components.label.stories.completeExample.emailHelper":"Chúng tôi sẽ không bao giờ chia sẻ email của bạn","components.label.stories.completeExample.optional":"Tùy chọn","components.label.stories.completeExample.phone":"Số điện thoại","components.label.stories.completeExample.username":"Tên người dùng","components.label.stories.completeExample.usernameHelper":"Chọn một tên người dùng duy nhất","components.label.stories.default.text":"Địa chỉ email","components.label.stories.disabledState.disabledLabel":"Nhãn bị vô hiệu hóa","components.label.stories.disabledState.disabledWithHelper":"Vô hiệu hóa với văn bản trợ giúp","components.label.stories.disabledState.helperText":"Văn bản trợ giúp","components.label.stories.interactive.text":"Nhãn tương tác","components.label.stories.loadingState.helperText":"Văn bản trợ giúp","components.label.stories.loadingState.loading":"Đang tải...","components.label.stories.loadingState.loadingWithHelper":"Đang tải với văn bản trợ giúp","components.label.stories.withHelperText.email":"Email","components.label.stories.withHelperText.emailHelper":"Chúng tôi sẽ không bao giờ chia sẻ email của bạn","components.label.stories.withHelperText.password":"Mật khẩu","components.label.stories.withHelperText.passwordHelper":"Phải có ít nhất 8 ký tự","components.label.stories.withHelperText.username":"Tên người dùng","components.label.stories.withHelperText.usernameHelper":"Chọn một tên người dùng duy nhất","components.label.stories.withIcon.email":"Email","components.label.stories.withIcon.password":"Mật khẩu","components.label.stories.withIcon.phone":"Điện thoại","components.label.stories.withRequired.email":"Địa chỉ email","components.label.stories.withRequired.password":"Mật khẩu","components.label.stories.default.storyName":"Mặc định","components.label.stories.withRequired.storyName":"Với trường bắt buộc","components.label.stories.withIcon.storyName":"Với biểu tượng","components.label.stories.withHelperText.storyName":"Với văn bản trợ giúp","components.label.stories.withRequiredAndHelperText.storyName":"Bắt buộc và văn bản trợ giúp","components.label.stories.loadingState.storyName":"Trạng thái tải","components.label.stories.disabledState.storyName":"Trạng thái vô hiệu hóa","components.label.stories.associatedWithInput.storyName":"Liên kết với trường nhập","components.label.stories.completeExample.storyName":"Ví dụ hoàn chỉnh","components.label.stories.interactive.storyName":"Tương tác","components.label.stories.withRequired.username":"Tên người dùng","components.label.stories.withRequiredAndHelper.email":"Địa chỉ email","components.label.stories.withRequiredAndHelper.password":"Mật khẩu","components.label.stories.withRequiredAndHelper.passwordHelper":"Phải có ít nhất 8 ký tự","components.label.stories.withRequiredAndHelper.requiredField":"Trường bắt buộc","components.label.textDescription":"Văn bản hiển thị làm nhãn. Có thể sử dụng children thay thế.","components.navigationBar.argTypes.backIconDescription":"Có hiển thị biểu tượng quay lại hay không. true hiển thị mũi tên quay về mặc định, hoặc cung cấp biểu tượng tùy chỉnh.","components.navigationBar.argTypes.classNameDescription":"Các lớp CSS bổ sung cho thanh điều hướng.","components.navigationBar.argTypes.dividerDescription":"Có hiển thị đường phân cách ở dưới cùng của thanh điều hướng hay không.","components.navigationBar.argTypes.leftIconDescription":"Biểu tượng hiển thị ở bên trái thanh điều hướng.","components.navigationBar.argTypes.onBackClickDescription":"Hàm callback được gọi khi nhấn vào biểu tượng quay lại.","components.navigationBar.argTypes.onLeftIconClickDescription":"Hàm callback được gọi khi nhấn vào biểu tượng bên trái.","components.navigationBar.argTypes.onRightIconClickDescription":"Hàm callback được gọi khi nhấn vào biểu tượng bên phải.","components.navigationBar.argTypes.propsDescription":"Hỗ trợ tất cả các thuộc tính HTML tiêu chuẩn của phần tử div.","components.navigationBar.argTypes.rightIconDescription":"Biểu tượng hiển thị ở bên phải thanh điều hướng.","components.navigationBar.argTypes.themeDescription":"Giao diện hình ảnh của thanh điều hướng. Mặc định là 'default'.","components.navigationBar.argTypes.titleDescription":"Tiêu đề hiển thị ở giữa thanh điều hướng.","components.navigationBar.argTypes.transparentDescription":"Có nên làm thanh điều hướng trong suốt hay không. 'always': luôn trong suốt, 'never': không bao giờ trong suốt, 'auto': trở nên trong suốt khi cuộn lên đầu trang.","components.navigationBar.backIconDescription":"Có hiển thị biểu tượng quay lại hay không. true hiển thị mũi tên quay về mặc định, hoặc cung cấp biểu tượng tùy chỉnh.","components.navigationBar.classNameDescription":"Các lớp CSS bổ sung cho thanh điều hướng.","components.navigationBar.description":"Component NavigationBar cung cấp thanh điều hướng trên cùng với tiêu đề, biểu tượng và khả năng trong suốt khi cuộn. Hỗ trợ chuyển đổi chủ đề tự động và có thể trở nên trong suốt dựa trên vị trí cuộn.","components.navigationBar.dividerDescription":"Có hiển thị đường phân cách ở dưới cùng của thanh điều hướng hay không.","components.navigationBar.leftIconDescription":"Biểu tượng hiển thị ở bên trái thanh điều hướng.","components.navigationBar.onBackClickDescription":"Hàm callback được gọi khi nhấn vào biểu tượng quay lại.","components.navigationBar.onLeftIconClickDescription":"Hàm callback được gọi khi nhấn vào biểu tượng bên trái.","components.navigationBar.onRightIconClickDescription":"Hàm callback được gọi khi nhấn vào biểu tượng bên phải.","components.navigationBar.propsDescription":"Hỗ trợ tất cả các thuộc tính HTML tiêu chuẩn của phần tử div.","components.navigationBar.rightIconDescription":"Biểu tượng hiển thị ở bên phải thanh điều hướng.","components.navigationBar.stories.customContent.leftButton":"Tùy chỉnh","components.navigationBar.stories.customContent.rightButton":"Hành động","components.navigationBar.stories.customContent.title":"Tiêu đề","components.navigationBar.stories.default.title":"Tiêu đề Trang","components.navigationBar.stories.interactive.title":"Tiêu đề Trang","components.navigationBar.stories.transparentAlways.title":"Trong suốt","components.navigationBar.stories.withBackIcon.title":"Chi tiết","components.navigationBar.stories.withBadge.badgeCount":"1","components.navigationBar.stories.withBadge.title":"Tin nhắn","components.navigationBar.stories.withLeftAndRightIcons.title":"Cài đặt","components.navigationBar.stories.default.storyName":"Mặc định","components.navigationBar.stories.withBackIcon.storyName":"Có nút quay lại","components.navigationBar.stories.withLeftAndRightIcons.storyName":"Có biểu tượng trái phải","components.navigationBar.stories.withBadge.storyName":"Có huy hiệu","components.navigationBar.stories.transparentAlways.storyName":"Luôn trong suốt","components.navigationBar.stories.customContent.storyName":"Nội dung tùy chỉnh","components.navigationBar.stories.interactive.storyName":"Tương tác","components.navigationBar.themeDescription":"Chủ đề giao diện của thanh điều hướng. Mặc định là 'default'.","components.navigationBar.titleDescription":"Tiêu đề hiển thị ở giữa thanh điều hướng.","components.navigationBar.transparentDescription":"Có nên làm thanh điều hướng trong suốt hay không. 'always': luôn trong suốt, 'never': không bao giờ trong suốt, 'auto': trở nên trong suốt khi cuộn lên đầu trang.","components.numberField.argTypes.classNameDescription":"Các lớp CSS bổ sung cho container.","components.numberField.argTypes.defaultValueDescription":"Giá trị ban đầu cho component không được điều khiển.","components.numberField.argTypes.disabledDescription":"Trường nhập liệu có bị vô hiệu hóa hay không.","components.numberField.argTypes.errorMessageDescription":"Thông báo lỗi hiển thị bên dưới các ô nhập liệu.","components.numberField.argTypes.labelDescription":"Văn bản nhãn hiển thị phía trên các ô nhập liệu.","components.numberField.argTypes.lengthDescription":"Số lượng ô nhập liệu hiển thị. Mặc định là `6`.","components.numberField.argTypes.loadingDescription":"Có phải trường đang trong trạng thái tải, hiển thị bộ xương (skeleton) hay không.","components.numberField.argTypes.maskedDescription":"Có ẩn nội dung nhập liệu (hiển thị dấu chấm thay vì số) hay không.","components.numberField.argTypes.onChangeDescription":"Hàm callback được gọi khi giá trị thay đổi.","components.numberField.argTypes.propsDescription":"Hỗ trợ tất cả các thuộc tính HTML div tiêu chuẩn.","components.numberField.argTypes.shapeDescription":"Hình dạng của các ô nhập liệu. Mặc định là `rounded` (bo tròn).","components.numberField.argTypes.valueDescription":"Giá trị hiện tại. Sử dụng cho component được điều khiển.","components.numberField.classNameDescription":"Các lớp CSS bổ sung cho container.","components.numberField.defaultValueDescription":"Giá trị ban đầu cho component không được điều khiển.","components.numberField.description":"Component NumberField hiển thị một chuỗi các ô nhập liệu cho việc nhập mã số (như OTP, PIN, v.v.). Hỗ trợ nhập liệu ẩn, trạng thái tải và quản lý focus tự động.","components.numberField.disabledDescription":"Trường nhập liệu có bị vô hiệu hóa hay không.","components.numberField.errorMessageDescription":"Thông báo lỗi hiển thị bên dưới các ô nhập liệu.","components.numberField.labelDescription":"Văn bản nhãn hiển thị phía trên các ô nhập liệu.","components.numberField.lengthDescription":"Số lượng ô nhập liệu hiển thị. Mặc định là `6`.","components.numberField.loadingDescription":"Có phải trường đang trong trạng thái tải, hiển thị bộ xương (skeleton) hay không.","components.numberField.maskedDescription":"Có ẩn nội dung nhập liệu (hiển thị dấu chấm thay vì số) hay không.","components.numberField.onChangeDescription":"Hàm callback được gọi khi giá trị thay đổi.","components.numberField.propsDescription":"Hỗ trợ tất cả các thuộc tính HTML div tiêu chuẩn.","components.numberField.shapeDescription":"Hình dạng của các ô nhập liệu. Mặc định là `rounded` (bo tròn).","components.numberField.stories.completeExample.instructions":'Nhập mã 6 chữ số. Thử nhập "123456" để kiểm tra.',"components.numberField.stories.controlled.currentValue":"Giá trị hiện tại","components.numberField.stories.controlled.empty":"(trống)","components.numberField.stories.controlled.enterCode":"Nhập mã","components.numberField.stories.differentLengths.eightDigit":"Mã 8 chữ số","components.numberField.stories.differentLengths.fourDigit":"Mã 4 chữ số","components.numberField.stories.differentLengths.sixDigit":"Mã 6 chữ số (mặc định)","components.numberField.stories.maskedInput.enterPin":"Nhập mã PIN","components.numberField.stories.maskedInput.passwordCode":"Mật khẩu","components.numberField.stories.shapes.pill":"Hình viên thuốc","components.numberField.stories.shapes.rounded":"Bo tròn (mặc định)","components.numberField.stories.states.default":"Mặc định","components.numberField.stories.states.disabled":"Đã vô hiệu hóa","components.numberField.stories.states.loading":"Đang tải","components.numberField.stories.withErrorMessage.codeExpired":"Mã đã hết hạn. Vui lòng yêu cầu mã mới.","components.numberField.stories.withErrorMessage.invalidCode":"Mã không hợp lệ. Vui lòng thử lại.","components.numberField.stories.withLabel.enterPin":"Nhập mã PIN","components.numberField.stories.withLabel.otpCode":"Mã OTP","components.numberField.stories.withLabel.verificationCode":"Mã xác minh","components.numberField.stories.default.storyName":"Mặc định","components.numberField.stories.differentLengths.storyName":"Độ dài khác nhau","components.numberField.stories.withLabel.storyName":"Có nhãn","components.numberField.stories.maskedInput.storyName":"Nhập liệu ẩn","components.numberField.stories.controlled.storyName":"Điều khiển","components.numberField.stories.withErrorMessage.storyName":"Có thông báo lỗi","components.numberField.stories.shapes.storyName":"Hình dạng","components.numberField.stories.states.storyName":"Trạng thái","components.numberField.stories.completeExample.storyName":"Ví dụ hoàn chỉnh","components.numberField.stories.interactive.storyName":"Tương tác","components.numberField.valueDescription":"Giá trị hiện tại. Sử dụng cho component được điều khiển.","components.optionItem.argTypes.classNameDescription":"Các lớp CSS bổ sung cho mục tùy chọn.","components.optionItem.argTypes.dividerDescription":"Có hiển thị đường phân cách hay không. Mặc định là true.","components.optionItem.argTypes.propsDescription":"Hỗ trợ tất cả các thuộc tính HTML div tiêu chuẩn.","components.optionItem.argTypes.selectedDescription":"Có phải mục tùy chọn đang được chọn hay không.","components.optionItem.argTypes.themeDescription":"Giao diện hình ảnh của mục tùy chọn. Mặc định là 'default'.","components.optionItem.classNameDescription":"Các lớp CSS bổ sung cho mục tùy chọn.","components.optionItem.description":"Component OptionItem hiển thị một mục tùy chọn có thể chọn với hỗ trợ chủ đề, trạng thái chọn và dấu phân cách. Thường được sử dụng trong menu thả xuống và danh sách chọn.","components.optionItem.dividerDescription":"Có hiển thị đường phân cách hay không. Mặc định là true.","components.optionItem.propsDescription":"Hỗ trợ tất cả các thuộc tính HTML div tiêu chuẩn.","components.optionItem.selectedDescription":"Có phải mục tùy chọn đang được chọn hay không.","components.optionItem.stories.default.text":"Mục tùy chọn","components.optionItem.stories.interactive.text":"Nhấn vào tôi","components.optionItem.stories.multipleOptions.option1":"Tùy chọn 1","components.optionItem.stories.multipleOptions.option2":"Tùy chọn 2 (Đã chọn)","components.optionItem.stories.multipleOptions.option3":"Tùy chọn 3","components.optionItem.stories.multipleOptions.option4":"Tùy chọn 4","components.optionItem.stories.selected.text":"Tùy chọn đã chọn","components.optionItem.stories.themes.brand":"Giao diện thương hiệu","components.optionItem.stories.themes.default":"Giao diện mặc định","components.optionItem.stories.themes.neutral":"Giao diện trung tính","components.optionItem.stories.withoutDivider.text":"Tùy chọn không có đường phân cách","components.optionItem.stories.default.storyName":"Mặc định","components.optionItem.stories.selected.storyName":"Đã chọn","components.optionItem.stories.themes.storyName":"Giao diện","components.optionItem.stories.withoutDivider.storyName":"Không có đường phân cách","components.optionItem.stories.multipleOptions.storyName":"Nhiều tùy chọn","components.optionItem.stories.interactive.storyName":"Tương tác","components.optionItem.themeDescription":"Giao diện hình ảnh của mục tùy chọn. Mặc định là 'default'.","components.pagination.activeIndexDescription":"Chỉ số của trang/mục hiện tại (bắt đầu từ 0).","components.pagination.argTypes.activeIndexDescription":"Chỉ số của trang/mục hiện tại (bắt đầu từ 0).","components.pagination.argTypes.classNameDescription":"Các lớp CSS bổ sung cho container của thanh phân trang.","components.pagination.argTypes.propsDescription":"Hỗ trợ tất cả các thuộc tính HTML div tiêu chuẩn.","components.pagination.argTypes.totalDescription":"Tổng số trang/mục.","components.pagination.classNameDescription":"Các lớp CSS bổ sung cho container của thanh phân trang.","components.pagination.description":"Component Pagination hiển thị các dấu chấm để chỉ ra vị trí hiện tại trong một chuỗi các mục, thường được sử dụng với carousel hoặc các quy trình nhiều bước.","components.pagination.propsDescription":"Hỗ trợ tất cả các thuộc tính HTML div tiêu chuẩn.","components.pagination.stories.differentTotals.eightItems":"8 mục","components.pagination.stories.differentTotals.fiveItems":"5 mục","components.pagination.stories.differentTotals.threeItems":"3 mục","components.pagination.stories.firstPage.name":"Trang đầu tiên","components.pagination.stories.interactive.activeIndex":"Chỉ mục đang hoạt động","components.pagination.stories.interactive.next":"Tiếp","components.pagination.stories.interactive.previous":"Trước","components.pagination.stories.lastPage.name":"Trang cuối cùng","components.pagination.stories.default.storyName":"Mặc định","components.pagination.stories.differentTotals.storyName":"Số lượng mục khác nhau","components.pagination.stories.interactive.storyName":"Tương tác","components.pagination.stories.firstPage.storyName":"Trang đầu tiên","components.pagination.stories.lastPage.storyName":"Trang cuối cùng","components.pagination.totalDescription":"Tổng số trang/mục.","components.radio.argTypes.checkedDescription":"Xác định xem radio có được chọn hay không. Sử dụng cho component được điều khiển.","components.radio.argTypes.childrenDescription":"Văn bản hoặc nội dung hiển thị bên cạnh radio.","components.radio.argTypes.classNameDescription":"Các lớp CSS bổ sung cho radio.","components.radio.argTypes.disabledDescription":"Xác định xem radio có bị vô hiệu hóa hay không.","components.radio.argTypes.nameDescription":"Thuộc tính name để nhóm các nút radio.","components.radio.argTypes.onChangeDescription":"Hàm gọi lại khi trạng thái chọn thay đổi.","components.radio.argTypes.propsDescription":"Hỗ trợ tất cả các thuộc tính HTML input tiêu chuẩn.","components.radio.argTypes.themeDescription":"Giao diện hình ảnh của radio. Mặc định là 'default' (tương đương với 'brand').","components.radio.argTypes.typeDescription":"Loại input. Mặc định là 'radio'.","components.radio.argTypes.valueDescription":"Giá trị của nút radio.","components.radio.checkedDescription":"Xác định xem radio có được chọn hay không. Sử dụng cho component được điều khiển.","components.radio.childrenDescription":"Văn bản hoặc nội dung hiển thị bên cạnh radio.","components.radio.classNameDescription":"Các lớp CSS bổ sung cho radio.","components.radio.description":"Component Radio cung cấp chức năng nút radio. Hỗ trợ nhiều chủ đề và có thể được sử dụng như một nút radio hoặc checkbox tùy thuộc vào prop type.","components.radio.disabledDescription":"Xác định xem radio có bị vô hiệu hóa hay không.","components.radio.nameDescription":"Thuộc tính name để nhóm các nút radio.","components.radio.onChangeDescription":"Hàm gọi lại khi trạng thái chọn thay đổi.","components.radio.propsDescription":"Hỗ trợ tất cả các thuộc tính HTML input tiêu chuẩn.","components.radio.states.checked":"Đã chọn","components.radio.states.disabledChecked":"Đã vô hiệu hóa (đã chọn)","components.radio.states.disabledUnchecked":"Đã vô hiệu hóa (chưa chọn)","components.radio.states.unchecked":"Chưa chọn","components.radio.stories.checkboxType.checked":"Kiểu checkbox (đã chọn)","components.radio.stories.checkboxType.unchecked":"Kiểu checkbox (chưa chọn)","components.radio.stories.completeExample.bankTransfer":"Chuyển khoản ngân hàng (Đã vô hiệu hóa)","components.radio.stories.completeExample.creditCard":"Thẻ tín dụng","components.radio.stories.completeExample.debitCard":"Thẻ ghi nợ","components.radio.stories.completeExample.paypal":"PayPal","components.radio.stories.completeExample.selected":"Đã chọn","components.radio.stories.completeExample.title":"Phương thức thanh toán","components.radio.stories.default.text":"Tùy chọn 1","components.radio.stories.interactive.text":"Radio tương tác","components.radio.stories.radioGroup.option1":"Tùy chọn 1","components.radio.stories.radioGroup.option2":"Tùy chọn 2","components.radio.stories.radioGroup.option3":"Tùy chọn 3","components.radio.stories.radioGroup.selected":"Đã chọn","components.radio.stories.themes.brand":"Giao diện thương hiệu (mặc định)","components.radio.stories.themes.neutral":"Giao diện trung tính","components.radio.stories.typography.default":"Kiểu chữ mặc định","components.radio.stories.typography.large":"Chữ lớn đậm","components.radio.stories.typography.small":"Chữ nhỏ vừa","components.radio.stories.default.storyName":"Mặc định","components.radio.stories.states.storyName":"Các trạng thái","components.radio.stories.radioGroup.storyName":"Nhóm radio","components.radio.stories.themes.storyName":"Giao diện","components.radio.stories.checkboxType.storyName":"Kiểu checkbox","components.radio.stories.typography.storyName":"Kiểu chữ tùy chỉnh","components.radio.stories.completeExample.storyName":"Ví dụ hoàn chỉnh","components.radio.stories.interactive.storyName":"Tương tác","components.radio.themeDescription":"Giao diện hình ảnh của radio. Mặc định là 'default' (tương đương với 'brand').","components.radio.typeDescription":"Loại input. Mặc định là 'radio'.","components.radio.valueDescription":"Giá trị của nút radio.","components.rating.argTypes.allowHalfDescription":"Có cho phép đánh giá nửa sao hay không.","components.rating.argTypes.characterDescription":"Ký tự tùy chỉnh thay thế cho ngôi sao.","components.rating.argTypes.characterRenderDescription":"Hàm render tùy chỉnh cho ký tự.","components.rating.argTypes.classNameDescription":"Các lớp CSS bổ sung cho container đánh giá.","components.rating.argTypes.countDescription":"Số lượng ngôi sao tối đa. Tương đương với 'max'.","components.rating.argTypes.defaultValueDescription":"Giá trị đánh giá ban đầu cho component không được điều khiển.","components.rating.argTypes.disabledDescription":"Có vô hiệu hóa đánh giá hay không.","components.rating.argTypes.maxDescription":"Số lượng sao tối đa. Mặc định là 5.","components.rating.argTypes.onChangeDescription":"Hàm callback được gọi khi đánh giá thay đổi.","components.rating.argTypes.onHoverChangeDescription":"Hàm callback khi trạng thái di chuột thay đổi.","components.rating.argTypes.readOnlyDescription":"Có phải đánh giá chỉ đọc hay không.","components.rating.argTypes.sizeDescription":"Kích thước của các ngôi sao tính bằng pixel.","components.rating.argTypes.tooltipsDescription":"Văn bản tooltip tùy chỉnh cho từng ngôi sao.","components.rating.argTypes.valueDescription":"Giá trị đánh giá hiện tại. Sử dụng cho component được điều khiển.","components.rating.description":"Component Rating hiển thị giao diện đánh giá bằng sao. Người dùng có thể nhấp vào các ngôi sao để đặt điểm đánh giá, hoặc có thể sử dụng ở chế độ chỉ đọc để hiển thị đánh giá.","components.rating.stories.controlled.name":"Điều khiển","components.rating.stories.customMaximum.name":"Đánh giá tùy chỉnh","components.rating.stories.default.name":"Mặc định","components.rating.stories.differentSizes.large":"Lớn","components.rating.stories.differentSizes.medium":"Trung bình (mặc định)","components.rating.stories.differentSizes.xlarge":"Cực lớn","components.rating.stories.interactive.name":"Tương tác","components.rating.stories.readonly.name":"Chỉ đọc","components.rating.stories.withHalfStars.fourPointTwo":"4.2 sao","components.rating.stories.withHalfStars.threePointFive":"3.5 sao","components.rating.stories.withHalfStars.twoPointSeven":"2.7 sao","components.rating.stories.default.storyName":"Mặc định","components.rating.stories.controlled.storyName":"Điều khiển","components.rating.stories.readonly.storyName":"Chỉ đọc","components.rating.stories.customMaximum.storyName":"Đánh giá tùy chỉnh","components.rating.stories.differentSizes.storyName":"Các kích thước khác nhau","components.rating.stories.withHalfStars.storyName":"Nửa sao","components.rating.stories.interactive.storyName":"Tương tác","components.searchField.argTypes.classNameDescription":"Các lớp CSS bổ sung cho trường tìm kiếm.","components.searchField.argTypes.clearableDescription":"Có hiển thị nút xóa khi có văn bản trong trường hay không.","components.searchField.argTypes.disabledDescription":"Có vô hiệu hóa trường tìm kiếm hay không.","components.searchField.argTypes.labelDescription":"Cấu hình nhãn cho trường nhập liệu.","components.searchField.argTypes.loadingDescription":"Có phải trường đang trong trạng thái tải hay không.","components.searchField.argTypes.onChangeDescription":"Hàm callback được gọi khi giá trị tìm kiếm thay đổi.","components.searchField.argTypes.onClearDescription":"Hàm callback được gọi khi nhấn vào nút xóa.","components.searchField.argTypes.placeholderDescription":"Văn bản gợi ý hiển thị khi trường trống.","components.searchField.argTypes.shapeDescription":"Hình dạng của trường nhập liệu. Mặc định là 'rounded' (bo tròn).","components.searchField.argTypes.valueDescription":"Giá trị tìm kiếm hiện tại. Sử dụng cho component được điều khiển.","components.searchField.classNameDescription":"Các lớp CSS bổ sung cho trường tìm kiếm.","components.searchField.clearableDescription":"Có hiển thị nút xóa khi có văn bản trong trường hay không.","components.searchField.description":"Component SearchField là một trường nhập liệu văn bản chuyên dụng được tối ưu hóa cho chức năng tìm kiếm. Bao gồm biểu tượng kính lúp bên trái và nút xóa bên phải khi có văn bản.","components.searchField.disabledDescription":"Có vô hiệu hóa trường tìm kiếm hay không.","components.searchField.labelDescription":"Cấu hình nhãn cho trường nhập liệu.","components.searchField.loadingDescription":"Có phải trường đang trong trạng thái tải hay không.","components.searchField.onChangeDescription":"Hàm callback được gọi khi giá trị tìm kiếm thay đổi.","components.searchField.onClearDescription":"Hàm callback được gọi khi nhấn vào nút xóa.","components.searchField.placeholderDescription":"Văn bản gợi ý hiển thị khi trường trống.","components.searchField.shapeDescription":"Hình dạng của trường nhập liệu. Mặc định là 'rounded' (bo tròn).","components.searchField.stories.controlled.name":"Điều khiển","components.searchField.stories.controlled.placeholder":"Tìm kiếm...","components.searchField.stories.default.name":"Mặc định","components.searchField.stories.default.placeholder":"Tìm kiếm...","components.searchField.stories.disabledState.name":"Đã vô hiệu hóa","components.searchField.stories.disabledState.placeholder":"Tìm kiếm...","components.searchField.stories.disabledState.value":"Từ khóa tìm kiếm","components.searchField.stories.interactive.name":"Tương tác","components.searchField.stories.interactive.placeholder":"Tìm kiếm...","components.searchField.stories.loadingState.name":"Trạng thái tải","components.searchField.stories.loadingState.placeholder":"Đang tìm kiếm...","components.searchField.stories.shapes.name":"Hình dạng","components.searchField.stories.shapes.pill":"Hình viên thuốc","components.searchField.stories.shapes.rounded":"Bo tròn (mặc định)","components.searchField.stories.withLabel.labelText":"Tìm kiếm sản phẩm","components.searchField.stories.withLabel.name":"Có nhãn","components.searchField.stories.withLabel.placeholder":"Nhập từ khóa tìm kiếm","components.searchField.stories.default.storyName":"Mặc định","components.searchField.stories.controlled.storyName":"Điều khiển","components.searchField.stories.withLabel.storyName":"Có nhãn","components.searchField.stories.loadingState.storyName":"Trạng thái tải","components.searchField.stories.disabledState.storyName":"Đã vô hiệu hóa","components.searchField.stories.shapes.storyName":"Hình dạng","components.searchField.stories.interactive.storyName":"Tương tác","components.searchField.valueDescription":"Giá trị tìm kiếm hiện tại. Sử dụng cho component được điều khiển.","components.section.argTypes.childrenDescription":"Nội dung được hiển thị bên trong section.","components.section.argTypes.shapeDescription":"Hình dạng của section. Mặc định là 'rounded' (bo tròn).","components.section.argTypes.spaceDescription":"Có áp dụng khoảng cách/đệm hay không. Mặc định là true.","components.section.childrenDescription":"Nội dung được hiển thị bên trong section.","components.section.classNameDescription":"Các lớp CSS bổ sung cho container của section.","components.section.description":"Component Section cung cấp một container để nhóm các nội dung liên quan với khoảng cách và kiểu dáng nhất quán. Thường được sử dụng cùng với các component SectionTitle và SectionContent.","components.section.shapeDescription":"Hình dạng bo góc. Mặc định là 'rounded' (bo tròn).","components.section.stories.default.content":"Nội dung section ở đây","components.section.stories.default.name":"Mặc định","components.section.stories.interactive.content":"Nội dung section tương tác","components.section.stories.interactive.name":"Tương tác","components.section.stories.multipleSections.firstContent":"Nội dung của section đầu tiên","components.section.stories.multipleSections.firstTitle":"Section đầu tiên","components.section.stories.multipleSections.name":"Nhiều Section","components.section.stories.multipleSections.secondContent":"Nội dung của section thứ hai","components.section.stories.multipleSections.secondTitle":"Section thứ hai","components.section.stories.squareShape.content":"Góc vuông","components.section.stories.squareShape.name":"Hình vuông","components.section.stories.withTitleAndContent.content":"Nội dung section sẽ hiển thị ở đây","components.section.stories.withTitleAndContent.name":"Có tiêu đề và nội dung","components.section.stories.withTitleAndContent.title":"Tiêu đề Section","components.section.stories.withoutSpacing.content":"Nội dung không có đệm","components.section.stories.withoutSpacing.name":"Không có khoảng cách","components.sheet..onBackClickDescription":"Hàm callback được gọi khi nhấn nút quay lại.","components.sheet.argTypes.childrenDescription":"Nội dung của sheet (thường bao gồm SheetHeader, SheetBody, v.v.).","components.sheet.argTypes.classNameDescription":"Các lớp CSS bổ sung cho container của sheet.","components.sheet.argTypes.onBackdropClickDescription":"Hàm callback được gọi khi nhấp vào lớp phủ nền.","components.sheet.argTypes.onCloseClickDescription":"Hàm callback được gọi khi nhấn nút đóng.","components.sheet.argTypes.openDescription":"Có hiển thị sheet hay không.","components.sheet.argTypes.openInPortalDescription":"Có render sheet trong portal (document.body) hay không. Mặc định là false.","components.sheet.childrenDescription":"Nội dung của sheet (thường bao gồm SheetHeader, SheetBody, v.v.).","components.sheet.classNameDescription":"Các lớp CSS bổ sung cho container của sheet.","components.sheet.description":"Component Sheet hiển thị một bảng trượt từ dưới lên màn hình. Nó bao gồm một lớp phủ nền và thường được sử dụng cho giao diện di động. Component này hoạt động cùng với các component con là SheetHeader, SheetBody và SheetFooter.","components.sheet.onBackdropClickDescription":"Hàm callback được gọi khi nhấp vào lớp phủ nền.","components.sheet.openDescription":"Có hiển thị sheet hay không.","components.sheet.openInPortalDescription":"Có render sheet trong portal (document.body) hay không. Mặc định là false.","components.sheet.sheetBodyHorizontalSpaceDescription":"Có thêm đệm ngang cho phần thân của sheet hay không.","components.sheet.sheetHeaderBackIconDescription":"Có hiển thị biểu tượng quay lại trong phần đầu hay không.","components.sheet.sheetHeaderCloseIconDescription":"Có hiển thị biểu tượng đóng trong phần đầu hay không.","components.sheet.sheetHeaderTitleDescription":"Văn bản tiêu đề hiển thị trong phần đầu của sheet.","components.sheet.stories.default.content":"Nội dung sheet ở đây","components.sheet.stories.default.name":"Mặc định","components.sheet.stories.default.openButton":"Mở Sheet","components.sheet.stories.default.title":"Tiêu đề Sheet","components.sheet.stories.default.title2":"Tiêu đề Sheet 2","components.sheet.stories.default.content2":"Đây là nội dung của sheet 2","components.sheet.stories.default.open2":"Mở Sheet 2","components.sheet.stories.interactive.content":"Nhấp vào lớp phủ hoặc nút đóng để đóng","components.sheet.stories.interactive.name":"Tương tác","components.sheet.stories.interactive.title":"Sheet tương tác","components.sheet.stories.withBackIcon.content":"Nội dung","components.sheet.stories.withBackIcon.name":"Có nút quay lại","components.sheet.stories.withBackIcon.openButton":"Mở Sheet có nút quay lại","components.sheet.stories.withBackIcon.title":"Chi tiết","components.sheet.stories.withFooter.content":"Nội dung","components.sheet.stories.withFooter.name":"Có chân trang","components.sheet.stories.withFooter.openButton":"Mở Sheet có chân trang","components.sheet.stories.withFooter.title":"Hành động","components.sheet.stories.withoutHorizontalSpace.content":"Nội dung đầy đủ chiều rộng","components.sheet.stories.withoutHorizontalSpace.name":"Không có khoảng ngang","components.sheet.stories.withoutHorizontalSpace.openButton":"Mở Sheet đầy đủ chiều rộng","components.sheet.stories.nested.name":"Lồng nhau","components.sheet.stories.nested.openButton":"Mở Sheet cha","components.sheet.stories.nested.title":"Sheet cha","components.sheet.stories.nested.content":"Nội dung sheet cha","components.sheet.stories.nested.openNestedButton":"Mở Sheet lồng nhau","components.sheet.stories.nested.nestedTitle":"Sheet lồng nhau","components.sheet.stories.nested.nestedContent":"Nội dung sheet lồng nhau","components.skeleton.animatedDescription":"Có hiệu ứng chuyển động khi tải hay không. Mặc định là true.","components.skeleton.argTypes.animatedDescription":"Có hiệu ứng chuyển động khi tải hay không. Mặc định là true.","components.skeleton.argTypes.classNameDescription":"Các lớp CSS bổ sung cho skeleton.","components.skeleton.argTypes.heightDescription":"Chiều cao của skeleton. Có thể là số (pixel) hoặc chuỗi CSS.","components.skeleton.argTypes.lineCountDescription":"Số dòng cho SkeletonParagraph. Mặc định là 3.","components.skeleton.argTypes.paragraphDescription":"Cho biết đây là một đoạn văn. Khi true, sẽ hiển thị nhiều dòng văn bản giả lập.","components.skeleton.argTypes.paragraphPropsDescription":"Các thuộc tính bổ sung cho SkeletonParagraph.","components.skeleton.argTypes.shapeDescription":"Hình dạng bo góc. Mặc định là 'rounded' (bo tròn). Các giá trị khác: 'rounded-8', 'rounded-4', 'pill' (hình viên thuốc), 'none' (không bo góc).","components.skeleton.argTypes.titleDescription":"Cho biết đây là một tiêu đề. Khi true, sẽ áp dụng kiểu dáng đậm hơn.","components.skeleton.argTypes.widthDescription":"Chiều rộng của skeleton. Có thể là số (pixel) hoặc chuỗi CSS (ví dụ: '100%').","components.skeleton.classNameDescription":"Các lớp CSS bổ sung cho skeleton.","components.skeleton.description":"Component Skeleton hiển thị nội dung giữ chỗ trong khi dữ liệu đang tải. Cung cấp phản hồi trực quan cho người dùng và hỗ trợ nhiều hình dạng và kích thước khác nhau. Bao gồm cả SkeletonTitle và SkeletonParagraph cho các trường hợp sử dụng phổ biến.","components.skeleton.heightDescription":"Chiều cao của skeleton. Có thể là số (pixel) hoặc chuỗi CSS.","components.skeleton.lineCountDescription":"Số dòng cho SkeletonParagraph. Mặc định là 3.","components.skeleton.paragraphDescription":"Cho biết đây là một đoạn văn. Khi true, sẽ hiển thị nhiều dòng văn bản giả lập.","components.skeleton.paragraphPropsDescription":"Các thuộc tính bổ sung cho SkeletonParagraph.","components.skeleton.shapeDescription":"Hình dạng bo góc. Mặc định là 'rounded' (bo tròn). Các giá trị khác: 'rounded-8', 'rounded-4', 'pill' (hình viên thuốc), 'none' (không bo góc).","components.skeleton.stories.default.name":"Mặc định","components.skeleton.stories.differentShapes.name":"Các hình dạng khác nhau","components.skeleton.stories.differentShapes.pill":"Hình viên thuốc","components.skeleton.stories.differentShapes.rounded":"Bo tròn","components.skeleton.stories.differentShapes.square":"Vuông (không bo góc)","components.skeleton.stories.interactive.name":"Tương tác","components.skeleton.stories.loadingStatePattern.actualContent":"Nội dung thực tế","components.skeleton.stories.loadingStatePattern.actualTitle":"Tiêu đề thực tế","components.skeleton.stories.loadingStatePattern.name":"Mẫu trạng thái tải","components.skeleton.stories.paragraphComponent.customLineCountTitle":"Số dòng tùy chỉnh (5 dòng)","components.skeleton.stories.paragraphComponent.customSizeTitle":"Chiều rộng và chiều cao tùy chỉnh (3 dòng)","components.skeleton.stories.paragraphComponent.defaultTitle":"Mặc định (3 dòng)","components.skeleton.stories.paragraphComponent.name":"Thành phần Đoạn văn","components.skeleton.stories.titleComponent.name":"Thành phần Tiêu đề","components.skeleton.stories.titleComponent.title":"Tiêu đề Skeleton","components.skeleton.stories.withoutAnimation.name":"Không có hiệu ứng chuyển động","components.skeleton.titleDescription":"Cho biết đây là một tiêu đề. Khi true, sẽ áp dụng kiểu dáng đậm hơn.","components.skeleton.widthDescription":"Chiều rộng của skeleton. Có thể là số (pixel) hoặc chuỗi CSS (ví dụ: '100%').","components.switch.argTypes.checkedDescription":"Trạng thái bật/tắt của nút chuyển. Sử dụng cho component được điều khiển.","components.switch.argTypes.classNameDescription":"Các lớp CSS bổ sung cho nút chuyển.","components.switch.argTypes.disabledDescription":"Có vô hiệu hóa nút chuyển hay không. Mặc định là false.","components.switch.argTypes.onChangeDescription":"Hàm callback được gọi khi trạng thái của nút chuyển thay đổi.","components.switch.argTypes.propsDescription":"Hỗ trợ tất cả các thuộc tính phần tử input HTML chuẩn (name, id, v.v.).","components.switch.argTypes.themeDescription":"Giao diện hình ảnh của nút chuyển. Mặc định là 'default'.","components.switch.description":"Component Switch cung cấp một nút chuyển đổi cho các giá trị boolean. Đây là một lựa chọn thay thế cho checkbox khi bạn muốn có một chỉ báo bật/tắt trực quan hơn.","components.switch.states.off":"Tắt","components.switch.states.offDisabled":"Tắt (đã tắt)","components.switch.states.on":"Bật","components.switch.states.onDisabled":"Bật (đã tắt)","components.switch.stories.completeExample.autoSave":"Tự động lưu","components.switch.stories.completeExample.currentSettings":"Cài đặt hiện tại","components.switch.stories.completeExample.darkMode":"Chế độ tối","components.switch.stories.completeExample.name":"Ví dụ hoàn chỉnh","components.switch.stories.completeExample.publicProfile":"Hồ sơ công khai (đã tắt)","components.switch.stories.completeExample.pushNotifications":"Thông báo đẩy","hooks.useAppResume.description":"Hook useAppResume cho phép bạn xử lý sự kiện khi ứng dụng được tiếp tục từ trạng thái nền. Nó lắng nghe sự kiện 'onAppResume' và gọi hàm callback được cung cấp.","hooks.useAppResume.onResumeDescription":"Hàm callback bắt buộc sẽ được gọi khi ứng dụng được tiếp tục từ trạng thái nền","hooks.useAppPause.description":"Hook useAppPause cho phép bạn xử lý sự kiện khi ứng dụng bị tạm dừng (chuyển sang nền). Nó lắng nghe sự kiện 'onAppPause' và gọi hàm callback được cung cấp.","hooks.useAppPause.onPauseDescription":"Hàm callback bắt buộc sẽ được gọi khi ứng dụng bị tạm dừng (chuyển sang nền)","hooks.useSettingsChanged.description":"Hook useSettingsChanged cho phép bạn lắng nghe sự thay đổi cài đặt trong các component React. Nó sẽ gọi hàm callback được cung cấp mỗi khi cài đặt ứng dụng được cập nhật.","hooks.useSettingsChanged.onSettingsChangedDescription":"Hàm callback bắt buộc nhận đối tượng cài đặt đã được cập nhật khi có thay đổi","hooks.useCustomIconEvent.description":"Hook useCustomIconEvent cho phép bạn xử lý sự kiện nhấn vào biểu tượng tùy chỉnh trong các component React. Nó sẽ gọi hàm callback với chỉ số của biểu tượng được nhấn.","hooks.useCustomIconEvent.onCustomIconEventDescription":"Hàm callback bắt buộc nhận chỉ số của biểu tượng tùy chỉnh được nhấn","hooks.usageExample":"Ví dụ sử dụng","components.switch.stories.completeExample.settingsTitle":"Cài đặt","components.switch.stories.controlled.name":"Điều khiển","components.switch.stories.controlled.notificationLabel":"Bật thông báo (hiện tại: {status})","components.switch.stories.controlled.toggleButton":"Chuyển đổi nút","components.switch.stories.interactive.name":"Tương tác","components.switch.stories.states.name":"Các trạng thái","components.switch.stories.themes.default":"Giao diện mặc định","components.switch.stories.themes.inverse":"Giao diện đảo ngược","components.switch.stories.themes.name":"Giao diện","components.switch.stories.withLabels.autoSave":"Tự động lưu","components.switch.stories.withLabels.darkMode":"Chế độ tối","components.switch.stories.withLabels.name":"Có nhãn","components.switch.stories.withLabels.notifications":"Bật thông báo","components.tabBar.argTypes.activeIdDescription":"ID của tab đang được chọn. Sử dụng cho component được điều khiển.","components.tabBar.argTypes.classNameDescription":"Các lớp CSS bổ sung cho thanh tab.","components.tabBar.argTypes.defaultActiveIdDescription":"ID tab mặc định được chọn. Sử dụng cho component không được điều khiển.","components.tabBar.argTypes.itemsDescription":"Mảng các mục tab để hiển thị.","components.tabBar.argTypes.onItemClickDescription":"Hàm callback được gọi khi một mục tab được nhấp.","components.tabBar.argTypes.themeDescription":"Giao diện hình ảnh của thanh tab. Mặc định là 'default'.","components.tabBar.description":"Component TabBar hiển thị một thanh tab ngang để điều hướng giữa các view hoặc phần khác nhau. Hỗ trợ biểu tượng, huy hiệu và nhiều giao diện.","components.tabBar.stories.interactive.activeTab":"Tab đang chọn: {id}","components.tabBar.stories.interactive.name":"Tương tác","components.tabBar.stories.items.home":"Trang chủ","components.tabBar.stories.items.messages":"Tin nhắn","components.tabBar.stories.items.profile":"Hồ sơ","components.tabBar.stories.items.search":"Tìm kiếm","components.tabBar.stories.items.tab1":"Tab 1","components.tabBar.stories.items.tab2":"Tab 2","components.tabBar.stories.items.tab3":"Tab 3","components.tabBar.stories.textOnly.name":"Chỉ chữ","components.tabBar.stories.themes.brandTheme":"Giao diện Thương hiệu","components.tabBar.stories.themes.defaultTheme":"Giao diện Mặc định","components.tabBar.stories.themes.name":"Giao diện","components.tabBar.stories.themes.neutralTheme":"Giao diện Trung tính","components.tabBar.stories.withBadges.name":"Có huy hiệu","components.tabBar.stories.withIcons.name":"Có biểu tượng","components.textArea.argTypes.autoHeightDescription":"Có tự động điều chỉnh chiều cao dựa trên nội dung hay không.","components.textArea.argTypes.classNameDescription":"Các lớp CSS bổ sung cho phần bao bọc.","components.textArea.argTypes.disabledDescription":"Có vô hiệu hóa vùng văn bản hay không.","components.textArea.argTypes.errorDescription":"Vùng văn bản có đang trong trạng thái lỗi hay không.","components.textArea.argTypes.errorMessageDescription":"Thông báo lỗi hiển thị khi có lỗi.","components.textArea.argTypes.labelDescription":"Cấu hình nhãn cho vùng văn bản.","components.textArea.argTypes.loadingDescription":"Vùng văn bản có đang trong trạng thái tải hay không.","components.textArea.argTypes.maxLengthDescription":"Số ký tự tối đa cho phép.","components.textArea.argTypes.onChangeDescription":"Hàm callback được gọi khi giá trị thay đổi.","components.textArea.argTypes.placeholderDescription":"Văn bản gợi ý hiển thị khi trường trống.","components.textArea.argTypes.shapeDescription":"Hình dạng của trường nhập. Mặc định là 'rounded'.","components.textArea.argTypes.valueDescription":"Giá trị hiện tại. Sử dụng cho component được điều khiển.","components.textArea.description":"Component TextArea cung cấp một trường nhập văn bản nhiều dòng. Hỗ trợ nhãn, trạng thái lỗi, trạng thái tải và tự động điều chỉnh chiều cao.","components.textArea.states.disabled":"Đã vô hiệu hóa","components.textArea.states.loading":"Đang tải...","components.textArea.stories.autoHeight.name":"Tự động điều chỉnh chiều cao","components.textArea.stories.autoHeight.placeholder":"Tự động điều chỉnh chiều cao...","components.textArea.stories.controlled.name":"Điều khiển","components.textArea.stories.controlled.placeholder":"Nhập văn bản...","components.textArea.stories.default.name":"Mặc định","components.textArea.stories.default.placeholder":"Nhập văn bản...","components.textArea.stories.interactive.name":"Tương tác","components.textArea.stories.interactive.placeholder":"Nhập văn bản...","components.textArea.stories.shapes.name":"Hình dạng","components.textArea.stories.shapes.pill":"Hình viên thuốc","components.textArea.stories.shapes.rounded":"Bo tròn (mặc định)","components.textArea.stories.states.error":"Lỗi","components.textArea.stories.states.errorMessage":"Trường này là bắt buộc","components.textArea.stories.states.filled":"Vùng văn bản đã điền","components.textArea.stories.states.name":"Các trạng thái","components.textArea.stories.states.normal":"Trạng thái bình thường","components.textArea.stories.withLabel.label":"Mô tả","components.textArea.stories.withLabel.name":"Có nhãn","components.textArea.stories.withLabel.placeholder":"Nhập mô tả...","components.textArea.stories.withMaxLength.name":"Giới hạn ký tự","components.textArea.stories.withMaxLength.placeholder":"Tối đa {{count}} ký tự","components.textField.argTypes.classNameDescription":"Các lớp CSS bổ sung cho phần bao bọc.","components.textField.argTypes.disabledDescription":"Có vô hiệu hóa trường nhập hay không.","components.textField.argTypes.errorDescription":"Trường nhập liệu có đang trong trạng thái lỗi hay không.","components.textField.argTypes.errorMessageDescription":"Thông báo lỗi hiển thị khi có lỗi.","components.textField.argTypes.labelDescription":"Cấu hình nhãn cho trường nhập liệu.","components.textField.argTypes.loadingDescription":"Trường nhập có đang trong trạng thái tải hay không.","components.textField.argTypes.maxLengthDescription":"Số ký tự tối đa cho phép.","components.textField.argTypes.onChangeDescription":"Hàm callback được gọi khi giá trị thay đổi.","components.textField.argTypes.placeholderDescription":"Văn bản gợi ý hiển thị khi trường trống.","components.textField.argTypes.shapeDescription":"Hình dạng của trường nhập. Mặc định là 'rounded'.","components.textField.argTypes.valueDescription":"Giá trị hiện tại. Sử dụng cho component được điều khiển.","components.textField.description":"Component TextField cung cấp một trường nhập văn bản một dòng. Hỗ trợ nhãn, biểu tượng, trạng thái lỗi, trạng thái tải và nhiều hình dạng khác nhau.","components.textField.states.disabled":"Đã vô hiệu hóa","components.textField.states.loading":"Đang tải...","components.textField.stories.controlled.name":"Điều khiển","components.textField.stories.controlled.placeholder":"Nhập văn bản...","components.textField.stories.default.name":"Mặc định","components.textField.stories.default.placeholder":"Nhập văn bản...","components.textField.stories.interactive.name":"Tương tác","components.textField.stories.interactive.placeholder":"Nhập văn bản...","components.textField.stories.shapes.name":"Hình dạng","components.textField.stories.shapes.pill":"Hình viên thuốc","components.textField.stories.shapes.rounded":"Bo tròn (mặc định)","components.textField.stories.states.error":"Lỗi","components.textField.stories.states.errorMessage":"Trường này là bắt buộc","components.textField.stories.states.filled":"Trường văn bản đã điền","components.textField.stories.states.name":"Các trạng thái","components.textField.stories.states.normal":"Trạng thái bình thường","components.textField.stories.states.success":"Thành công","components.textField.stories.states.successMessage":"Thành công","components.textField.stories.withIcons.both":"Có cả hai biểu tượng","components.textField.stories.withIcons.leading":"Có biểu tượng ở đầu","components.textField.stories.withIcons.name":"Có biểu tượng","components.textField.stories.withIcons.trailing":"Có biểu tượng ở cuối","components.textField.stories.withLabel.label":"Tên","components.textField.stories.withLabel.name":"Có nhãn","components.textField.stories.withLabel.placeholder":"Nhập tên của bạn","components.tooltip.argTypes.childrenDescription":"Nội dung hiển thị trong tooltip.","components.tooltip.argTypes.classNameDescription":"Các lớp CSS bổ sung cho tooltip.","components.tooltip.argTypes.closeableDescription":"Có hiển thị nút đóng trên tooltip hay không.","components.tooltip.argTypes.positionDescription":"Vị trí hiển thị của tooltip. Mặc định là 'top'.","components.tooltip.argTypes.typeDescription":"Kiểu hiển thị của tooltip. Mặc định là 'default'.","components.tooltip.description":"Component Tooltip hiển thị một nhãn nổi cung cấp thông tin bổ sung khi di chuột qua hoặc tập trung vào một phần tử. Hỗ trợ nhiều vị trí và kiểu dáng khác nhau.","components.tooltip.positions.bottom":"Dưới","components.tooltip.positions.bottomLeft":"Dưới Trái","components.tooltip.positions.bottomRight":"Dưới Phải","components.tooltip.positions.left":"Trái","components.tooltip.positions.leftBottom":"Trái Dưới","components.tooltip.positions.leftTop":"Trái Trên","components.tooltip.positions.right":"Phải","components.tooltip.positions.rightBottom":"Phải Dưới","components.tooltip.positions.rightTop":"Phải Trên","components.tooltip.positions.top":"Trên","components.tooltip.positions.topLeft":"Trên Trái","components.tooltip.positions.topRight":"Trên Phải","components.tooltip.stories.closeable.content":"Tooltip có thể đóng","components.tooltip.stories.closeable.name":"Có thể đóng","components.tooltip.stories.default.content":"Đây là một tooltip","components.tooltip.stories.default.name":"Mặc định","components.tooltip.stories.interactive.content":"Di chuột hoặc nhấn để xem tooltip","components.tooltip.stories.interactive.name":"Tương tác","components.tooltip.stories.longContent.content":"Đây là một thông báo tooltip dài hơn chứa nhiều thông tin hơn để giúp người dùng hiểu rõ hơn về tính năng hoặc hành động.","components.tooltip.stories.longContent.name":"Nội dung dài","components.tooltip.stories.positions.bottom":"Vị trí phía dưới","components.tooltip.stories.positions.left":"Vị trí bên trái","components.tooltip.stories.positions.name":"Các vị trí","components.tooltip.stories.positions.right":"Vị trí bên phải","components.tooltip.stories.positions.top":"Vị trí phía trên","components.tooltip.stories.types.default":"Mặc định","components.tooltip.stories.types.defaultContent":"Tooltip mặc định","components.tooltip.stories.types.name":"Các loại","components.tooltip.stories.types.reverse":"Đảo ngược","components.tooltip.stories.types.reverseContent":"Tooltip đảo ngược","components.typography.argTypes.childrenDescription":"Nội dung văn bản cần hiển thị.","components.typography.argTypes.classNameDescription":"Các lớp CSS bổ sung cho component Typography.","components.typography.argTypes.colorDescription":"Màu sắc văn bản. Có thể là bất kỳ giá trị màu CSS hợp lệ.","components.typography.argTypes.componentDescription":"Phần tử HTML để hiển thị (div, p, span, h1, v.v.). Mặc định là 'div'.","components.typography.argTypes.sizeDescription":"Kích thước văn bản. Mặc định là 'inherit' (kế thừa từ phần tử cha).","components.typography.argTypes.weightDescription":"Độ đậm của văn bản. Mặc định là 'inherit' (kế thừa từ phần tử cha).","components.typography.childrenDescription":"Nội dung văn bản cần hiển thị.","components.typography.classNameDescription":"Các lớp CSS bổ sung cho component Typography.","components.typography.colorDescription":"Màu sắc văn bản. Có thể là bất kỳ giá trị màu CSS hợp lệ.","components.typography.componentDescription":"Phần tử HTML để hiển thị (div, p, span, h1, v.v.). Mặc định là 'div'.","components.typography.description":"Component Typography cung cấp kiểu chữ nhất quán trong ứng dụng. Hỗ trợ nhiều kích thước, độ đậm, màu sắc và có thể hiển thị dưới dạng các phần tử HTML khác nhau.","components.typography.sizeDescription":"Kích thước văn bản. Mặc định là 'inherit' (kế thừa từ phần tử cha).","components.typography.sizes.2xLarge":"Rất lớn (2x lớn hơn cỡ chữ cơ bản)","components.typography.sizes.2xSmall":"Rất nhỏ (2x nhỏ hơn cỡ chữ cơ bản)","components.typography.sizes.3xLarge":"Cực lớn (3x lớn hơn cỡ chữ cơ bản)","components.typography.sizes.3xSmall":"Cực nhỏ (3x nhỏ hơn cỡ chữ cơ bản)","components.typography.sizes.4xLarge":"Cực kỳ lớn (4x lớn hơn cỡ chữ cơ bản)","components.typography.sizes.5xLarge":"Cực kỳ lớn (5x lớn hơn cỡ chữ cơ bản)","components.typography.sizes.base":"Cỡ chữ cơ bản (mặc định)","components.typography.sizes.inherit":"Kế thừa kích thước từ phần tử cha.","components.typography.sizes.large":"Lớn (lớn hơn một chút so với cỡ chữ cơ bản)","components.typography.sizes.small":"Nhỏ (nhỏ hơn một chút so với cỡ chữ cơ bản)","components.typography.sizes.xLarge":"Lớn hơn (lớn hơn cỡ chữ cơ bản)","components.typography.sizes.xSmall":"Nhỏ hơn (nhỏ hơn cỡ chữ cơ bản)","components.typography.stories.asDifferentElements.heading1":"Đây là tiêu đề cấp 1","components.typography.stories.asDifferentElements.heading2":"Đây là tiêu đề cấp 2","components.typography.stories.asDifferentElements.heading3":"Đây là tiêu đề cấp 3","components.typography.stories.asDifferentElements.heading4":"Đây là tiêu đề cấp 4","components.typography.stories.asDifferentElements.name":"Như các phần tử khác nhau","components.typography.stories.asDifferentElements.paragraph":"Đây là một đoạn văn bản thông thường. Nó sử dụng kích thước và độ đậm mặc định.","components.typography.stories.asDifferentElements.span":"Đây là một văn bản span nhỏ.","components.typography.stories.completeExample.caption":"Ví dụ này cho thấy cách sử dụng Typography trong các tình huống thực tế.","components.typography.stories.completeExample.name":"Ví dụ hoàn chỉnh","components.typography.stories.completeExample.paragraph":"Đây là một ví dụ về cách bạn có thể kết hợp các kiểu chữ khác nhau để tạo ra một bài viết hoặc phần nội dung hoàn chỉnh. Bạn có thể trộn các kích thước, độ đậm và màu sắc khác nhau để tạo hệ thống phân cấp trực quan và nhấn mạnh.","components.typography.stories.completeExample.title":"Tiêu đề bài viết","components.typography.stories.default.name":"Mặc định","components.typography.stories.default.text":"Văn bản mặc định","components.typography.stories.differentSizes.name":"Các kích thước khác nhau","components.typography.stories.differentSizes.size2xLarge":"Văn bản cực lớn gấp đôi (2x-large)","components.typography.stories.differentSizes.size2xSmall":"Văn bản cực nhỏ (2x-small)","components.typography.stories.differentSizes.size3xLarge":"Văn bản cực lớn gấp ba (3x-large)","components.typography.stories.differentSizes.size3xSmall":"Văn bản rất nhỏ (3x-small)","components.typography.stories.differentSizes.size4xLarge":"Văn bản cực lớn gấp bốn (4x-large)","components.typography.stories.differentSizes.size5xLarge":"Văn bản cực lớn gấp năm (5x-large)","components.typography.stories.differentSizes.sizeBase":"Văn bản cỡ chuẩn (base)","components.typography.stories.differentSizes.sizeLarge":"Văn bản lớn (large)","components.typography.stories.differentSizes.sizeSmall":"Văn bản nhỏ vừa (small)","components.typography.stories.differentSizes.sizeXLarge":"Văn bản cực lớn (x-large)","components.typography.stories.differentSizes.sizeXSmall":"Văn bản nhỏ (x-small)","components.typography.stories.differentWeights.name":"Các độ đậm khác nhau","components.typography.stories.differentWeights.weight100":"Độ đậm mỏng (100)","components.typography.stories.differentWeights.weight200":"Độ đậm siêu nhẹ (200)","components.typography.stories.differentWeights.weight300":"Độ đậm nhẹ (300)","components.typography.stories.differentWeights.weight400":"Độ đậm thường (400)","components.typography.stories.differentWeights.weight500":"Độ đậm vừa (500)","components.typography.stories.differentWeights.weight600":"Độ đậm bán đậm (600)","components.typography.stories.differentWeights.weight700":"Độ đậm đậm (700)","components.typography.stories.differentWeights.weight800":"Độ đậm siêu đậm (800)","components.typography.stories.differentWeights.weight900":"Độ đậm đen (900)","components.typography.stories.interactive.name":"Tương tác","components.typography.stories.interactive.text":"Chỉnh sửa các điều khiển để xem thay đổi - Văn bản tương tác","components.typography.stories.withColors.danger":"Văn bản màu nguy hiểm","components.typography.stories.withColors.name":"Với màu sắc","components.typography.stories.withColors.primary":"Văn bản màu chính","components.typography.stories.withColors.secondary":"Văn bản màu phụ","components.typography.stories.withColors.success":"Văn bản màu thành công","components.typography.stories.withColors.tertiary":"Văn bản màu thứ cấp","components.typography.weightDescription":"Độ đậm của văn bản. Mặc định là 'inherit' (kế thừa từ phần tử cha).","components.typography.weights.100":"Mỏng (100)","components.typography.weights.200":"Nhẹ (200)","components.typography.weights.300":"Nhẹ vừa (300)","components.typography.weights.800":"Đậm hơn (800)","components.typography.weights.900":"Đậm nhất (900)","components.typography.weights.bold":"Đậm (700)","components.typography.weights.inherit":"Kế thừa độ đậm từ phần tử cha.","components.typography.weights.medium":"Vừa (500)","components.typography.weights.regular":"Thường (400)","components.typography.weights.semibold":"Đậm vừa (600)","components.toast.actionDescription":"Văn bản nút hành động hiển thị ở phía bên phải của toast.","components.toast.argTypes.actionDescription":"Văn bản nút hành động hiển thị ở phía bên phải của toast.","components.toast.argTypes.classNameDescription":"Các lớp CSS bổ sung cho container toast.","components.toast.argTypes.closeActionDescription":"Điều khiển việc hiển thị nút đóng. Mặc định là `true`.","components.toast.argTypes.iconDescription":"Biểu tượng tùy chỉnh để hiển thị. Có thể là props biểu tượng hoặc phần tử React.","components.toast.argTypes.messageDescription":"Nội dung thông báo hiển thị trong toast.","components.toast.argTypes.onActionClickDescription":"Hàm callback được kích hoạt khi nút hành động được nhấp.","components.toast.argTypes.onCloseActionClickDescription":"Hàm callback được kích hoạt khi nút đóng được nhấp.","components.toast.argTypes.typeDescription":"Loại toast xác định kiểu giao diện và biểu tượng. Mặc định là `informative`.","components.toast.classNameDescription":"Các lớp CSS bổ sung cho container toast.","components.toast.closeActionDescription":"Điều khiển việc hiển thị nút đóng. Mặc định là `true`.","components.toast.completeExample.informativeAction":"Xem","components.toast.completeExample.informativeMessage":"Đây là một ví dụ hoàn chỉnh về toast có nút hành động.","components.toast.completeExample.negativeAction":"Thử lại","components.toast.completeExample.negativeMessage":"Không thể lưu các thay đổi của bạn. Vui lòng thử lại.","components.toast.completeExample.positiveAction":"OK","components.toast.completeExample.positiveMessage":"Các thay đổi của bạn đã được lưu thành công.","components.toast.default.message":"Đây là một toast thông tin","components.toast.description":"Component Toast hiển thị các thông báo phản hồi ngữ cảnh cho người dùng. Hỗ trợ nhiều loại (neutral, informative, positive, negative) và có thể bao gồm thông báo, nút hành động và chức năng đóng tùy chọn.","components.toast.iconDescription":"Biểu tượng tùy chỉnh để hiển thị. Có thể là props biểu tượng hoặc phần tử React.","components.toast.informative.message":"Đây là một toast thông tin","components.toast.interactive.action":"Hành động","components.toast.interactive.message":"Toast này có thể được cấu hình bằng các điều khiển trong panel bên dưới.","components.toast.messageDescription":"Nội dung thông báo hiển thị trong toast.","components.toast.negative.message":"Đã xảy ra lỗi","components.toast.neutral.message":"Đây là một toast trung tính","components.toast.onActionClickDescription":"Hàm callback được kích hoạt khi nút hành động được nhấp.","components.toast.onCloseActionClickDescription":"Hàm callback được kích hoạt khi nút đóng được nhấp.","components.toast.positive.message":"Hành động đã hoàn thành thành công","components.toast.propsDescription":"Hỗ trợ tất cả các thuộc tính phần tử HTML div chuẩn.","components.toast.showMethod.action":"Xem","components.toast.showMethod.bottomMessage":"Toast này được hiển thị ở phía dưới","components.toast.showMethod.informative":"Đây là một toast thông tin","components.toast.showMethod.negative":"Đã xảy ra lỗi","components.toast.showMethod.positive":"Hành động đã hoàn thành thành công","components.toast.showMethod.showAtBottom":"Hiển thị ở phía dưới","components.toast.showMethod.showInformative":"Hiển thị toast thông tin","components.toast.showMethod.showNegative":"Hiển thị toast lỗi","components.toast.showMethod.showPositive":"Hiển thị toast thành công","components.toast.showMethod.showWithAction":"Hiển thị toast với hành động","components.toast.showMethod.showWithDuration":"Hiển thị toast với thời lượng","components.toast.showMethod.withActionMessage":"Toast này có nút hành động","components.toast.showMethod.withDurationMessage":"Toast này sẽ biến mất sau 5 giây","components.toast.stories.completeExample.title":"Ví dụ hoàn chỉnh","components.toast.stories.default.title":"Mặc định","components.toast.stories.informative.title":"Toast thông tin","components.toast.stories.interactive.title":"Tương tác","components.toast.stories.negative.title":"Toast lỗi","components.toast.stories.neutral.title":"Toast trung tính","components.toast.stories.positive.title":"Toast thành công","components.toast.stories.types.title":"Các loại","components.toast.stories.usingShowMethod.title":"Sử dụng phương thức show","components.toast.stories.withAction.title":"Với hành động","components.toast.stories.withCustomIcon.title":"Với biểu tượng tùy chỉnh","components.toast.stories.withoutCloseButton.title":"Không có nút đóng","components.toast.typeDescription":"Loại toast xác định kiểu giao diện và biểu tượng. Mặc định là `informative`.","components.toast.types.informative":"Đây là một toast thông tin","components.toast.types.negative":"Đã xảy ra lỗi","components.toast.types.neutral":"Đây là một toast trung tính","components.toast.types.positive":"Hành động đã hoàn thành thành công","components.toast.withAction.informativeAction":"Xem","components.toast.withAction.informativeMessage":"Toast này có nút hành động","components.toast.withAction.negativeAction":"Thử lại","components.toast.withAction.negativeMessage":"Lưu thất bại. Vui lòng thử lại.","components.toast.withAction.positiveAction":"OK","components.toast.withAction.positiveMessage":"Các thay đổi của bạn đã được lưu thành công.","components.toast.withCustomIcon.message":"Toast này có biểu tượng tùy chỉnh","components.toast.withCustomIcon.positiveMessage":"Toast này cũng có biểu tượng tùy chỉnh","components.toast.withoutCloseButton.message":"Toast này không thể đóng","components.toast.withoutCloseButton.positiveMessage":"Toast này cũng không thể đóng","components.uploader.argTypes.classNameDescription":"Các lớp CSS bổ sung cho component Uploader.","components.uploader.argTypes.disabledDescription":"Có vô hiệu hóa trình tải lên hay không.","components.uploader.argTypes.includeBase64Description":"Có bao gồm mã hóa base64 của các tệp hay không.","components.uploader.argTypes.limitDescription":"Số lượng tệp tối đa có thể tải lên.","components.uploader.argTypes.onChangeDescription":"Hàm callback được gọi khi có thay đổi tệp.","components.uploader.argTypes.showPreviewDescription":"Có hiển thị xem trước các tệp đã tải lên hay không.","components.uploader.argTypes.valueDescription":"Các tệp đã tải lên. Sử dụng cho component được điều khiển.","components.uploader.description":"Component Uploader cho phép người dùng tải lên các tệp, thường là hình ảnh. Hỗ trợ nhiều tệp, xem trước và quản lý tệp.","components.uploader.stories.controlled.name":"Điều khiển","components.uploader.stories.default.name":"Mặc định","components.uploader.stories.disabled.name":"Vô hiệu hóa","components.uploader.stories.interactive.filesUploaded":"Đã tải lên {{count}} tệp","components.uploader.stories.interactive.name":"Tương tác","components.uploader.stories.multipleFiles.name":"Tải lên nhiều tệp","components.uploader.stories.singleFile.name":"Tải lên một tệp","components.uploader.stories.withLimit.name":"Giới hạn tệp","components.uploader.stories.withPreview.name":"Xem trước"},P=tn,en={en:()=>G(()=>import("./en-Cs9O0XWn.js"),[],import.meta.url)};let H=P;const on=async e=>{const n=en[e];if(!n){H=P;return}H=(await n()).default},cn=(e,n)=>{const t=H[e];return t?u.render(t,n):e},A=window?.location?.search;if(A){const n=new URLSearchParams(A).get("lang");n&&on(n)}export{cn as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as c,j as t}from"./iframe-CQAwSt4E.js";import{c as p,g as b}from"./classname-CUR_zgkh.js";import{u as x}from"./index-BV0AJWP6.js";const e=b("switch"),C=c.forwardRef((a,u)=>{const{disabled:o=!1,theme:d="brand",className:m,style:f,checked:N,defaultChecked:_,onChange:g,...h}=a,l=c.useRef(null),[i,n]=c.useState(!1),[r,k]=x(a,{defaultValuePropName:"defaultChecked",valuePropName:"checked",trigger:"onChange"});return c.useImperativeHandle(u,()=>({focus:()=>l.current?.focus?.(),blur:()=>l.current?.blur?.()})),t.jsxs("label",{className:p(e,{[`${e}--checked`]:r,[`${e}--unchecked`]:!r,[`${e}--disabled`]:o,[`${e}--focus`]:i,[`${e}--theme-${d}`]:!0},m),style:f,children:[t.jsx("span",{className:`${e}__overlay`}),t.jsx("span",{className:`${e}__thumb`}),t.jsx("input",{...h,type:"checkbox",checked:r,disabled:o,onChange:s=>k(s.target.checked),ref:l,className:`${e}__input`,onFocus:s=>{n(!0),a.onFocus?.(s)},onBlur:s=>{n(!1),a.onBlur?.(s)}})]})});C.__docgenInfo={description:"",methods:[{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"blur",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Switch"};export{C as S};
|