daisyui-blueprint 1.4.0 → 1.4.1
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/chunks/chunk-0.js +1 -1
- package/chunks/chunk-1.js +1 -1
- package/chunks/chunk-2.js +1 -1
- package/chunks/chunk-3.js +1 -1
- package/chunks/chunk-4.js +1 -1
- package/chunks/chunk-5.js +1 -1
- package/chunks/chunk-6.js +1 -1
- package/package.json +1 -1
- package/server.js +7 -7
package/chunks/chunk-0.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const K=B;(function(N,F){const a=B,f=N();while(!![]){try{const y=parseInt(a(0x302))/0x1+-parseInt(a(0x1da))/0x2*(-parseInt(a(0x218))/0x3)+parseInt(a(0x210))/0x4*(parseInt(a(0x308))/0x5)+parseInt(a(0x285))/0x6*(-parseInt(a(0x35b))/0x7)+parseInt(a(0x29f))/0x8+-parseInt(a(0x24f))/0x9+parseInt(a(0x33a))/0xa*(-parseInt(a(0x321))/0xb);if(y===F)break;else f['push'](f['shift']());}catch(x){f['push'](f['shift']());}}}(z,0xec26a));function B(b,j){b=b-0x1a2;const N=z();let F=N[b];return F;}const j=(function(){let N=!![];return function(F,f){const y=N?function(){if(f){const x=f['apply'](F,arguments);return f=null,x;}}:function(){};return N=![],y;};}()),b=j(this,function(){const I=B;return b[I(0x335)]()[I(0x1b6)](I(0x354))['toString']()[I(0x2c7)](b)[I(0x1b6)](I(0x354));});b();function z(){const c=['components/avatar/examples/avatar-placeholder','components/card/examples/card-with-no-image','(((.+)+)+)+$','components/label/examples/label-for-select','components/timeline/examples/vertical-timeline-with-right-side-only','components/card/examples/card-with-centered-content-and-paddings','components/filter/examples/filter-using-html-form-checkboxes-and-a-reset-button','components/progress/examples/error-color','components/button/examples/dash-buttons','124145CCswSq','components/tab/examples/tabs-box-using-radio-inputs','components/chat/examples/chat-bubble-with-colors','components/file-input/examples/sizes','components/accordion/examples/using-accordion-and-join-together','components/toggle/examples/with-fieldset-and-label','components/filter/examples/filter-without-html-form','components/pagination/examples/with-a-disabled-button','components/aura/examples/aura-around-a-button','components/dropdown/examples/dropdown-top-aligns-to-end-of-button-horizontally','components/pagination/examples/extra-small-buttons','components/range/examples/with-steps-and-measure','components/dropdown/examples/dropdown-aligns-to-start-of-button-horizontally','components/tab/examples/tabs-box','components/aura/examples/aura-dual','components/validator/examples/phone-number-requirement-validator','components/calendar/examples/cally-calendar-example','components/menu/examples/collapsible-with-submenu-responsive','components/badge/examples/badge-with-icon','components/range/examples/success-color','components/steps/examples/horizontal','components/accordion/examples/accordion-using-radio-inputs','components/list/examples/list-third-column-wraps-to-next-row','components/kbd/examples/kbd','components/fieldset/examples/login-form-with-fieldset','components/badge/examples/badge-with-outline-style','components/collapse/examples/force-close','components/avatar/examples/avatar-with-mask','components/card/examples/pricing-card','components/loading/examples/loading-ball','search','components/indicator/examples/status-indicator','components/kbd/examples/function-keys','components/footer/examples/two-footer','components/toast/examples/toast-center-toast-middle','components/chat/examples/chat-with-image-header-and-footer','components/menu/examples/menu-with-title','components/collapse/examples/collapse-with-checkbox','components/kbd/examples/arrow-keys','components/status/examples/status-sizes','components/collapse/examples/force-open','components/checkbox/examples/colors','components/timeline/examples/timeline-without-icons','components/card/examples/card-with-a-card-border','components/dock/examples/dock-extra-large-size','components/tab/examples/radio-tabs-lift-with-icons-tab-content','components/mask/examples/diamond','components/calendar/examples/cally-date-picker-example','components/button/examples/disabled-buttons','components/select/examples/with-fieldset-and-labels','components/radio/examples/primary-color','components/countdown/examples/clock-countdown','components/tab/examples/radio-tabs-box-tab-content','components/aura/examples/aura-with-custom-color','components/collapse/examples/collapse-using-details-and-summary-tag','components/indicator/examples/indicator-middle-indicator-end-default','components/alert/examples/info-color','components/link/examples/secondary-color','components/card/examples/card-with-image-overlay','components/text-rotate/text-rotate','components/mask/examples/heart','components/timeline/examples/responsive-vertical-by-default-horizontal-on-large-screen','components/theme-controller/examples/theme-controller-using-a-toggle-with-icons','components/dropdown/examples/dropdown-menu','components/loading/examples/loading-bars','components/dock/examples/dock-large-size','694pvWznL','components/card/examples/centered-card-with-neutral-color','href','all','components/toggle/examples/disabled','components/aura/examples/aura-gold','components/label/examples/label-for-input-at-the-end','components/menu/examples/menu-with-active-item','components/hero/examples/hero-with-form','components/otp/examples/otp','components/link/examples/error-color','components/swap/examples/swap-icons-with-flip-effect','components/stat/examples/centered-items','components/tab/examples/radio-tabs-lift-tab-content','components/join/examples/group-items-vertically','components/card/examples/card-sizes','components/swap/examples/swap-volume-icons','components/mockup-phone/examples/iphone-mockup','components/mask/examples/hexagon-2-horizontal-hexagon','components/diff/examples/diff','components/textarea/examples/with-form-control-and-labels','components/mockup-code/examples/multi-line','components/card/examples/card-with-badge','components/accordion/examples/accordion-with-plus-minus-icon','components/menu/examples/menu-with-icon-only-horizontal-with-tooltip','components/mask/examples/triangle-2-pointing-down','components/status/examples/status','components/badge/examples/badge-in-a-text','components/select/examples/success-color','components/breadcrumbs/examples/breadcrumbs-with-icons','components/swap/examples/hamburger-button','components/rating/examples/mask-star-2-with-green-500-color','components/button/examples/button-block','components/hero/examples/hero-with-figure-but-reverse-order','components/stat/examples/stat','components/input/examples/telephone-number-input-with-icon-and-validator','components/timeline/examples/timeline-with-text-on-both-sides-and-icon','components/drawer/examples/icon-only-drawer-sidebar-when-its-closed-using-is-drawer-close-and-is-drawer-open-variants','components/menu/examples/menu-with-icon-only-horizontal','components/collapse/examples/with-arrow-plusminus-icon','components/button/examples/buttons-with-any-html-tags-like-checkbox-radio-etc','components/stack/examples/stacked-cards-start-direction','components/range/examples/sizes','components/mockup-code/examples/without-prefix','components/fab/examples/fab-and-flower-speed-dial-with-svg-icons','components/steps/examples/with-custom-content-in-step-icon','components/indicator/examples/for-avatar','components/loading/examples/loading-infinity','components/hero/examples/centered-hero','components/dropdown/examples/dropdown-on-hover','components/textarea/examples/sizes','components/card/examples/card-with-image-on-side','components/alert/examples/error-color','components/megamenu/examples/responsive-megamenu-with-small-vertical-menus','2301456PiqjMG','components/input/examples/input-colors','components/stack/examples/stacked-cards-end-direction','components/badge/examples/empty-badge','components/alert/examples/alert-soft-style','components/megamenu/examples/megamenu-in-different-sizes','components/file-input/examples/primary-color','components/select/examples/accent-color','16593RfjsAH','components/radio/examples/warning-color','components/kbd/examples/kbd-sizes','components/otp/examples/otp-with-different-colors','components/indicator/examples/for-tab','components/chat/examples/chat-with-header-and-footer','components/table/examples/table-xs','components/alert/examples/alert','components/mockup-browser/examples/browser-mockup-with-background-color','components/dock/examples/dock-extra-small-size','components/footer/examples/footer-with-logo-and-social-icons','components/indicator/examples/indicator-top-default-indicator-start','components/avatar/examples/avatar-rounded','components/navbar/examples/navbar-with-dropdown-center-logo-and-icon','components/modal/examples/dialog-modal','components/modal/examples/modal-that-closes-when-clicked-outside','components/link/examples/success-color','components/avatar/examples/avatar-with-ring','components/checkbox/examples/sizes','chunk-3.js','map','components/tab/examples/radio-tabs-border-tab-content','components/menu/examples/menu-with-icon-only-with-tooltip','components/radial-progress/examples/radial-progress','components/button/examples/buttons-ghost-and-button-link','components/link/examples/link','components/label/examples/label-for-input','components/toggle/examples/colors','components/dropdown/examples/dropdown-using-details-and-summary','components/menu/examples/horizontal-menu','components/theme-controller/examples/theme-controller-using-a-radio-input','components/table/examples/table-with-pinned-rows-and-pinned-cols','components/textarea/examples/disabled','components/radio/examples/disabled','components/rating/examples/half-stars','components/button/examples/active-buttons','components/button/examples/button','components/progress/examples/secondary-color','components/input/examples/date-input','components/theme-controller/examples/theme-controller-using-a-dropdown','components/select/examples/ghost-no-background','components/input/examples/email-input-with-icon-validator-button-join','components/radio/examples/radio-sizes','components/mask/examples/squircle','components/fieldset/examples/fieldset-with-multiple-inputs','components/modal/examples/dialog-modal-closes-when-clicked-outside','components/dropdown/examples/dropdown-bottom-default-aligns-to-end-of-button-horizontally','components/footer/examples/footer-with-links-and-social-icons','components/pagination/examples/using-radio-inputs','components/tab/examples/tabs-border','components/menu/examples/menu-sizes','components/fab/examples/fab-and-speed-dial-with-svg-icons','components/collapse/examples/with-arrow-icon','components/kbd/examples/a-full-keyboard','components/navbar/examples/navbar-with-colors','12922002zZDYef','components/validator/examples/number-input-requirement-validator','components/rating/examples/rating','components/mask/examples/triangle-pointing-top','components/validator/examples/url-input-requirement-validator','components/avatar/examples/avatar-in-custom-sizes','components/mockup-code/examples/mockup-code-with-line-prefix','components/stack/examples/stacked-cards-with-shadow','components/textarea/examples/textarea-colors','components/carousel/examples/vertical-carousel','components/aura/examples/aura-silver','components/menu/examples/menu-with-disabled-items','components/input/examples/with-fieldset-and-fieldset-legend','components/menu/examples/responsive-vertical-on-small-screen-horizontal-on-large-screen','components/file-input/examples/disabled','components/skeleton/examples/skeleton-circle-with-content','components/chat/examples/chat-start-and-chat-end','components/footer/examples/footer-vertical-by-default-horizontal-for-sm-and-up','components/dropdown/examples/dropdown-right-aligns-to-center-of-button-vertically','components/hero/examples/hero-with-figure','components/menu/examples/file-tree','components/menu/examples/collapsible-submenu','components/drawer/examples/drawer-sidebar-that-opens-from-right-side-of-page','components/range/examples/primary-color','components/timeline/examples/timeline-with-top-side-only','components/alert/examples/alert-with-title-and-description','components/steps/examples/with-data-content','components/hover-gallery/examples/hover-gallery','components/divider/examples/divider','components/indicator/examples/for-button','components/loading/examples/loading-ring','components/theme-controller/examples/theme-controller-using-a-radio-button','components/input/examples/search-input-with-icon','components/dropdown/examples/dropdown-left-aligns-to-center-of-button-vertically','components/link/examples/primary-color','components/menu/examples/menu-with-icons','components/join/examples/join-radio-inputs-with-btn-style','components/input/examples/time-input','components/menu/examples/menu-with-icon-only','components/dock/examples/dock-with-custom-colors','components/mockup-window/examples/window-mockup-with-border','components/button/examples/login-with-social-media-auth-buttons','components/timeline/examples/timeline-with-bottom-side-only','components/hero/examples/hero-with-overlay-image','components/footer/examples/centered-footer-with-logo-and-social-icons','components/swap/examples/swap-text','components/toast/examples/toast-top-toast-center','components/skeleton/examples/skeleton-text','components/drawer/examples/example-this-sidebar-is-always-visible-on-large-screen-can-be-toggled-on-small-screen','components/select/examples/warning-color','components/radio/examples/success-color','components/fab/examples/fab-flower-and-speed-dial','components/stat/examples/responsive-vertical-on-small-screen-horizontal-on-large-screen','components/mask/examples/triangle-3-pointing-left','138LwItWv','components/rating/examples/mask-heart-with-multiple-colors','components/badge/examples/badge','components/skeleton/examples/skeleton-rectangle-with-content','components/mockup-code/examples/with-color','components/radial-progress/examples/different-values','components/badge/examples/badge-with-colors','components/timeline/examples/timeline-with-different-sides','components/mask/examples/hexagon','components/loading/examples/loading-spinner','components/theme-controller/examples/theme-controller-using-a-toggle-with-custom-colors','components/select/examples/info-color','components/range/examples/info-color','components/label/examples/floating-label','components/badge/examples/badge-ghost','components/timeline/examples/timeline-with-icon-snapped-to-the-start','components/status/examples/status-with-bounce-animation','components/footer/examples/centered-footer-with-social-icons','components/text-rotate/big-font-size-horizontally-centered','components/menu/examples/menu-with-icons-and-badge-responsive','components/list/examples/list-third-column-grows','components/validator/examples/checkbox-requirement-validator','components/dropdown/examples/force-open','components/collapse/examples/collapse-with-focus','components/table/examples/table-with-border-and-background','components/navbar/examples/navbar-with-icon-indicator-and-dropdown','6106152OAoQhK','components/status/examples/status-with-ping-animation','components/indicator/examples/indicator-top-default-indicator-center','components/carousel/examples/snap-to-center','components/fab/examples/fab-and-speed-dial-vertical','components/fab/examples/fab-and-speed-dial-with-labels-and-fab-close-button','components/label/examples/floating-label-with-different-sizes','components/join/examples/with-extra-elements-in-the-group','components/button/examples/outline-buttons','components/hover-gallery/examples/hover-gallery-in-a-card','components/dropdown/examples/dropdown-aligns-to-center-of-button-horizontally','components/steps/examples/with-scrollable-wrapper','components/mockup-phone/examples/with-color-and-wallpaper','components/drawer/examples/drawer-sidebar','components/input/examples/text-input','components/hover-3d/holographic-hover-3d-credit-card','components/timeline/examples/vertical-timeline-with-left-side-only','components/table/examples/table-with-pinned-rows','components/toast/examples/toast-end-toast-middle','components/timeline/examples/vertical-timeline-with-text-on-both-sides-and-icon','components/range/examples/secondary-color','components/megamenu/examples/megamenu-in-a-navbar','components/mockup-window/examples/window-mockup-with-background-color','components/navbar/examples/navbar-with-title-only','components/dock/examples/dock-small-size','components/validator/examples/toggle-requirement-validator','components/fab/examples/a-single-fab-floating-action-button','components/progress/examples/success-color','components/radio/examples/radio-with-custom-colors','components/validator/examples/password-requirement-validator','components/navbar/examples/responsive-dropdown-menu-on-small-screen-center-menu-on-large-screen','components/menu/examples/menu','components/aura/examples/aura','components/stat/examples/with-custom-colors-and-button','components/menu/examples/menu-with-title-as-a-parent','components/divider/examples/divider-horizontal','components/modal/examples/responsive','components/badge/examples/badge-with-soft-style','components/dropdown/examples/card-as-dropdown','default','constructor','components/dropdown/examples/dropdown-left','components/timeline/examples/timeline-with-colorful-lines','components/dock/examples/dock-medium-size','components/indicator/examples/indicator-middle-indicator-start','components/table/examples/table-with-visual-elements','components/mask/examples/triangle-4-pointing-right','components/input/examples/email-input-with-icon-and-validator','components/progress/examples/warning-color','chunk-5.js','components/progress/examples/primary-color','components/carousel/examples/snap-to-end','components/stack/examples/stacked-cards','components/card/examples/card-with-bottom-image','components/fieldset/examples/fieldset-with-multiple-join-items','components/filter/examples/filter-using-html-form-radio-buttons-and-reset-button','components/skeleton/examples/skeleton','components/steps/examples/custom-colors','components/aura/examples/aura-with-custom-color-and-custom-background-color','components/tab/examples/tabs-box-with-a-horizontal-scroll-when-theres-no-space','components/toggle/examples/toggle-with-icons-inside','components/table/examples/table-with-an-active-row','components/indicator/examples/indicator-top-default-indicator-end-default','components/menu/examples/horizontal-submenu','components/range/examples/error-color','components/countdown/examples/countdown','assign','components/carousel/examples/carousel-with-half-width-items','components/radio/examples/secondary-color','components/theme-controller/examples/theme-controller-using-a-checkbox','components/toast/examples/toast-center-toast-bottom-default','components/indicator/examples/indicator-middle-indicator-center','components/progress/examples/info-color','components/radio/examples/info-color','components/card/examples/card-with-a-dash-border','components/kbd/examples/in-text','components/join/examples/join','components/mockup-code/examples/highlighted-line','components/button/examples/soft-buttons','components/stat/examples/vertical','components/validator/examples/select-requirement-validator','components/badge/examples/badge-sizes','components/carousel/examples/carousel-with-full-width-items','components/button/examples/neutral-button-with-outline-or-dash-style','components/toast/examples/toast-with-alert-inside','components/rating/examples/sizes','components/menu/examples/menu-without-padding-and-border-radius','components/progress/examples/indeterminate-without-value','components/button/examples/wide-button','components/aura/examples/aura-with-custom-animation-duration','components/toggle/examples/toggle-with-custom-colors','components/radio/examples/radio','components/aura/examples/aura-holo','components/avatar/examples/avatar-group-with-counter','components/carousel/examples/carousel-with-nextprev-buttons','components/badge/examples/badge-with-dash-style','components/radio/examples/accent-color','components/fab/examples/fab-and-speed-dial-with-labels-and-fab-main-action-button','components/list/examples/list-second-column-grows-default','1649450CrLmiA','components/link/examples/accent-color','components/modal/examples/dialog-modal-with-a-close-button-at-corner','components/select/examples/sizes','components/dropdown/examples/dropdown-aligns-to-end-of-button-horizontally','components/checkbox/examples/indeterminate','5gToCPv','components/aura/examples/aura-rainbow','components/button/examples/square-button-and-circle-button','components/dropdown/examples/dropdown-right','components/tab/examples/tabs-lift','components/fab/examples/fab-and-speed-dial-with-rectangle-buttons','components/countdown/examples/large-text-with-2-digits','components/megamenu/examples/megamenu-without-arrows','components/select/examples/error-color','components/aura/examples/aura-glow','components/button/examples/responsive-button','chunk-6.js','components/kbd/examples/key-combination','components/footer/examples/footer-with-2-rows','components/mockup-browser/examples/browser-mockup-with-border','components/timeline/examples/vertical-timeline-without-icons','components/navbar/examples/navbar-with-icon-at-start-and-end','components/countdown/examples/in-boxes','components/theme-controller/examples/theme-controller-using-a-toggle','components/fab/examples/fab-and-flower-speed-dial-with-tooltip','components/dropdown/examples/dropdown-bottom-default-aligns-to-center-of-button-horizontally','components/drawer/examples/navbar-menu-for-desktop-sidebar-drawer-for-mobile','components/collapse/examples/without-border-and-background-color','components/validator/examples/username-requirement-validator','components/rating/examples/with-rating-hidden','11TchkCZ','components/indicator/examples/responsive','components/indicator/examples/indicator-bottom-indicator-start','components/avatar/examples/avatar','components/divider/examples/divider-with-no-text','components/menu/examples/submenu','components/divider/examples/divider-in-different-positions-horizontal','components/swap/examples/activate-using-class-name-instead-of-checkbox','components/dropdown/examples/dropdown-using-popover-api-and-anchor-positioning','components/divider/examples/responsive-lgdivider-horizontal','components/loading/examples/loading-with-colors','components/menu/examples/collapsible-submenu-that-works-with-class-names','components/badge/examples/badge-in-a-button','components/input/examples/datetime-local-input','components/aura/examples/aura-sizes','components/radial-progress/examples/custom-color','components/carousel/examples/snap-to-start-default','components/text-rotate/rotating-words-in-a-sentence-different-colors-for-each-word','components/input/examples/text-input-with-data-list-suggestion','components/avatar/examples/avatar-with-presence-indicator','toString','components/otp/examples/otp-with-different-sizes','components/pagination/examples/pagination-with-an-active-button','components/theme-controller/examples/theme-controller-using-a-swap','components/collapse/examples/custom-colors-for-collapse-that-works-with-checkbox','20963830Jfvhag','components/dropdown/examples/dropdown-left-aligns-to-end-of-button-vertically','components/modal/examples/modal-using-anchor-link','components/range/examples/accent-color','components/tab/examples/sizes','components/footer/examples/footer-with-a-form','components/carousel/examples/full-bleed-carousel','components/input/examples/url-with-icon-and-validator','components/input/examples/username-text-input-with-icon-and-validator','components/steps/examples/responsive-vertical-on-small-screen-horizontal-on-large-screen','components/dropdown/examples/dropdown-in-navbar','components/accordion/examples/accordion-with-arrow-icon','components/mask/examples/square','components/countdown/examples/large-text-with-labels','components/navbar/examples/navbar-with-menu-and-submenu','components/theme-controller/examples/theme-controller-using-a-toggle-with-icons-inside','components/tab/examples/tabs-with-custom-color','components/table/examples/table-with-a-row-that-highlights-on-hover','components/progress/examples/progress','components/theme-controller/examples/theme-controller-using-a-toggle-with-text','components/fieldset/examples/fieldset-fieldset-legend-and-label','components/mockup-code/examples/long-line-will-scroll','components/alert/examples/alert-with-buttons-responsive','components/fieldset/examples/fieldset-with-background-and-border'];z=function(){return c;};return z();}const snippetChunks=await Promise[K(0x1dd)]([import(new URL(K(0x22b),import.meta.url)[K(0x1dc)]),import(new URL('chunk-4.js',import.meta.url)[K(0x1dc)]),import(new URL(K(0x2d0),import.meta.url)[K(0x1dc)]),import(new URL(K(0x313),import.meta.url)[K(0x1dc)])]);export const SNIPPETS=Object[K(0x2e1)]({},...snippetChunks[K(0x22c)](N=>N[K(0x2c6)]));export const SNIPPET_HIERARCHY={'components/accordion':[K(0x1ad),K(0x345),K(0x1f1),K(0x35f)],'components/alert':[K(0x21f),'components/alert/examples/alert-dash-style','components/alert/examples/alert-outline-style',K(0x214),K(0x350),K(0x268),K(0x20e),K(0x1d0),'components/alert/examples/success-color','components/alert/examples/warning-color'],'components/aura':[K(0x2bf),K(0x363),K(0x1a6),K(0x311),K(0x1df),K(0x2fb),K(0x309),'components/aura/examples/aura-rainbow-around-a-pricing-card',K(0x259),K(0x32f),K(0x2f8),K(0x1cd),K(0x2d9)],'components/avatar':[K(0x324),'components/avatar/examples/avatar-group',K(0x2fc),K(0x254),K(0x352),K(0x224),K(0x1b3),K(0x334),K(0x229)],'components/badge':[K(0x287),K(0x293),K(0x32d),K(0x1f5),K(0x2f0),K(0x28b),K(0x2fe),K(0x1aa),K(0x1b1),K(0x2c4),K(0x213),'components/badge/examples/neutral-badge-with-outline-or-dash-style'],'components/breadcrumbs':['components/breadcrumbs/examples/breadcrumbs',K(0x1f7),'components/breadcrumbs/examples/breadcrumbs-with-max-width'],'components/button':[K(0x23b),K(0x23c),K(0x1fa),'components/button/examples/button-sizes','components/button/examples/button-with-icon','components/button/examples/button-with-loading-spinner','components/button/examples/buttons-colors',K(0x230),K(0x202),K(0x35a),K(0x1c8),K(0x278),K(0x2f2),K(0x2a7),K(0x312),K(0x2ed),K(0x30a),K(0x2f7)],'components/calendar':[K(0x1a8),K(0x1c7),'components/calendar/examples/pikaday-cdn-example'],'components/card':['components/card/examples/card',K(0x1e9),K(0x1c3),K(0x2e9),'components/card/examples/card-with-action-on-top',K(0x1f0),K(0x2d4),K(0x357),'components/card/examples/card-with-custom-color',K(0x20d),K(0x1d2),K(0x353),K(0x1db),K(0x1b4),'components/card/examples/responsive-card-vertical-on-small-screen-horizontal-on-large-screen'],'components/carousel':[K(0x2f1),K(0x2e2),'components/carousel/examples/carousel-with-indicator-buttons',K(0x2fd),K(0x340),K(0x2a2),K(0x2d2),K(0x331),K(0x258)],'components/chat':[K(0x35d),K(0x25f),K(0x21d),'components/chat/examples/chat-with-image',K(0x1bb)],'components/checkbox':['components/checkbox/examples/checkbox','components/checkbox/examples/checkbox-with-custom-colors',K(0x1c1),'components/checkbox/examples/disabled',K(0x307),K(0x22a),'components/checkbox/examples/with-fieldset-and-label'],'components/collapse':[K(0x1ce),K(0x1bd),K(0x29c),K(0x339),'components/collapse/examples/custom-colors-for-collapse-that-works-with-focus',K(0x1b2),K(0x1c0),'components/collapse/examples/moving-collapse-icon-to-the-start',K(0x24c),K(0x201),K(0x31e)],'components/countdown':[K(0x1cb),'components/countdown/examples/clock-countdown-with-colons',K(0x2e0),K(0x319),K(0x30e),K(0x347),'components/countdown/examples/large-text-with-labels-under'],'components/diff':[K(0x1ed),'components/diff/examples/diff-text'],'components/divider':[K(0x26b),K(0x2c2),'components/divider/examples/divider-in-different-positions',K(0x327),'components/divider/examples/divider-with-colors',K(0x325),K(0x32a)],'components/dock':['components/dock/examples/dock',K(0x1c4),K(0x221),K(0x1d9),K(0x2ca),K(0x2b7),K(0x276)],'components/drawer':[K(0x2ac),K(0x265),K(0x27f),'components/drawer/examples/example-this-sidebar-is-always-visible-when-its-close-we-only-see-iocns-when-its-open-we-see-icons-and-text',K(0x1ff),K(0x31d),'components/drawer/examples/responsive-sidebar-is-always-visible-on-large-screen-can-be-toggled-on-small-screen'],'components/dropdown':[K(0x2c5),K(0x2a9),K(0x306),K(0x1a4),'components/dropdown/examples/dropdown-bottom-default',K(0x31c),K(0x246),K(0x344),K(0x2c8),K(0x270),K(0x33b),K(0x1d7),K(0x20b),K(0x30b),K(0x261),'components/dropdown/examples/dropdown-right-aligns-to-end-of-button-vertically','components/dropdown/examples/dropdown-top','components/dropdown/examples/dropdown-top-aligns-to-center-of-button-horizontally',K(0x364),K(0x234),K(0x329),K(0x29b),'components/dropdown/examples/helper-dropdown'],'components/fab':[K(0x2b9),K(0x206),K(0x31b),K(0x2a3),'components/fab/examples/fab-and-speed-dial-with-labels',K(0x2a4),K(0x300),K(0x30d),K(0x24b),K(0x282)],'components/fieldset':[K(0x34e),K(0x351),K(0x244),K(0x2d5),K(0x1b0)],'components/file-input':[K(0x25d),'components/file-input/examples/file-input','components/file-input/examples/file-input-ghost',K(0x216),K(0x35e),'components/file-input/examples/with-fieldset-and-label'],'components/filter':[K(0x358),K(0x2d6),K(0x361)],'components/footer':[K(0x27b),K(0x296),K(0x260),K(0x315),K(0x33f),'components/footer/examples/footer-with-a-logo-section','components/footer/examples/footer-with-copyright-text','components/footer/examples/footer-with-copyright-text-and-social-icons',K(0x247),K(0x222),K(0x1b9)],'components/hero':[K(0x20a),K(0x262),K(0x1fb),K(0x1e2),K(0x27a)],'components/hover-3d':[K(0x2ae)],'components/hover-gallery':[K(0x26a),K(0x2a8)],'components/indicator':['components/indicator/examples/a-button-as-an-indicator-for-a-card','components/indicator/examples/badge-as-indicator','components/indicator/examples/for-an-input',K(0x208),K(0x26c),K(0x21c),'components/indicator/examples/in-center-of-an-image','components/indicator/examples/indicator-bottom-indicator-center','components/indicator/examples/indicator-bottom-indicator-end-default',K(0x323),K(0x2e6),K(0x1cf),K(0x2cb),K(0x2a1),K(0x2dd),K(0x223),'components/indicator/examples/multiple-indicators',K(0x322),K(0x1b7)],'components/input':[K(0x23e),K(0x32e),'components/input/examples/disabled',K(0x2ce),K(0x241),'components/input/examples/ghost-style',K(0x211),'components/input/examples/number-input-with-validator','components/input/examples/password-input-with-icon-and-validator',K(0x26f),'components/input/examples/sizes',K(0x1fd),K(0x2ad),K(0x333),'components/input/examples/text-input-with-text-label-inside',K(0x274),K(0x341),K(0x342),K(0x25b)],'components/join':['components/join/examples/custom-border-radius',K(0x1e8),K(0x2eb),K(0x273),'components/join/examples/responsive-its-vertical-on-small-screen-and-horizontal-on-large-screen',K(0x2a6)],'components/kbd':[K(0x24d),K(0x1be),K(0x1b8),K(0x2ea),K(0x1af),K(0x21a),K(0x314)],'components/label':[K(0x292),K(0x2a5),'components/label/examples/label-for-date-input',K(0x232),K(0x1e0),K(0x355)],'components/link':[K(0x303),K(0x1e4),'components/link/examples/info-color',K(0x231),K(0x271),K(0x1d1),'components/link/examples/show-underline-only-on-hover',K(0x228),'components/link/examples/warning-color'],'components/list':[K(0x301),K(0x299),K(0x1ae)],'components/loading':[K(0x1b5),K(0x1d8),'components/loading/examples/loading-dots',K(0x209),K(0x26d),K(0x28e),K(0x32b)],'components/mask':['components/mask/examples/circle','components/mask/examples/decagon',K(0x1c6),K(0x1d4),K(0x28d),K(0x1ec),'components/mask/examples/pentagon',K(0x346),K(0x243),'components/mask/examples/star','components/mask/examples/star-2-bold-star',K(0x1f3),K(0x284),K(0x2cd),K(0x252)],'components/megamenu':[K(0x2b4),K(0x215),'components/megamenu/examples/megamenu-with-a-menus-and-lots-of-links','components/megamenu/examples/megamenu-with-wide-popovers-and-horizontal-menus',K(0x30f),K(0x20f)],'components/menu':[K(0x264),K(0x32c),K(0x1a9),K(0x263),K(0x235),K(0x2de),'components/menu/examples/mega-menu-with-submenu-responsive',K(0x2be),K(0x24a),K(0x1e1),K(0x25a),K(0x275),K(0x200),K(0x1f2),K(0x22e),K(0x272),K(0x298),K(0x1bc),K(0x2c1),K(0x2f5),K(0x25c),K(0x326)],'components/mockup-browser':[K(0x220),K(0x316)],'components/mockup-code':[K(0x2ec),K(0x34f),K(0x255),K(0x1ef),K(0x289),K(0x205)],'components/mockup-phone':[K(0x1eb),K(0x2ab)],'components/mockup-window':[K(0x2b5),K(0x277)],'components/modal':[K(0x226),K(0x245),K(0x304),'components/modal/examples/dialog-modal-with-custom-width',K(0x227),K(0x33c),'components/modal/examples/modal-using-checkbox',K(0x2c3)],'components/navbar':[K(0x24e),K(0x225),K(0x318),K(0x29e),K(0x348),'components/navbar/examples/navbar-with-search-input-and-dropdown','components/navbar/examples/navbar-with-title-and-icon',K(0x2b6),K(0x2bd)],'components/otp':[K(0x1e3),'components/otp/examples/otp-joined','components/otp/examples/otp-with-6-digits',K(0x21b),K(0x336)],'components/pagination':[K(0x1a2),'components/pagination/examples/nexprev-outline-buttons-with-equal-width',K(0x337),'components/pagination/examples/sizes',K(0x248),K(0x362)],'components/progress':['components/progress/examples/accent-color',K(0x359),K(0x2f6),K(0x2e7),'components/progress/examples/neutral-color',K(0x2d1),K(0x34c),K(0x23d),K(0x2ba),K(0x2cf)],'components/radial-progress':[K(0x330),'components/radial-progress/examples/custom-size-and-custom-thickness',K(0x28a),K(0x22f),'components/radial-progress/examples/with-background-color-and-border'],'components/radio':[K(0x2ff),K(0x239),'components/radio/examples/error-color',K(0x2e8),'components/radio/examples/neutral-color',K(0x1ca),K(0x2fa),K(0x242),K(0x2bb),K(0x2e3),K(0x281),K(0x219)],'components/range':[K(0x33d),K(0x2df),K(0x291),'components/range/examples/neutral-color',K(0x266),'components/range/examples/range','components/range/examples/range-with-custom-color-and-no-fill',K(0x2b3),K(0x204),K(0x1ab),'components/range/examples/warning-color',K(0x1a3)],'components/rating':[K(0x23a),K(0x286),K(0x1f9),'components/rating/examples/mask-star-2-with-warning-color',K(0x251),'components/rating/examples/read-only-rating',K(0x2f4),K(0x320)],'components/select':[K(0x217),'components/select/examples/disabled',K(0x310),K(0x240),K(0x290),'components/select/examples/neutral-color','components/select/examples/primary-color','components/select/examples/secondary-color','components/select/examples/select',K(0x305),K(0x1f6),'components/select/examples/using-os-native-style-for-the-options-dropdown',K(0x280),K(0x1c9)],'components/skeleton':[K(0x2d7),K(0x25e),K(0x288),K(0x27e)],'components/stack':['components/stack/examples/3-divs-in-a-stack',K(0x2d3),K(0x212),K(0x203),'components/stack/examples/stacked-cards-top-direction',K(0x256),'components/stack/examples/stacked-images'],'components/stat':[K(0x1e6),K(0x283),K(0x1fc),'components/stat/examples/stat-with-icons-or-image',K(0x2ee),K(0x2c0)],'components/status':[K(0x1f4),K(0x1bf),K(0x295),'components/status/examples/status-with-colors',K(0x2a0)],'components/steps':[K(0x2d8),K(0x1ac),K(0x343),'components/steps/examples/vertical',K(0x207),K(0x269),K(0x2aa)],'components/swap':[K(0x328),K(0x1f8),K(0x1e5),'components/swap/examples/swap-icons-with-rotate-effect',K(0x27c),K(0x1ea)],'components/tab':[K(0x22d),K(0x1cc),K(0x1e7),'components/tab/examples/radio-tabs-lift-tab-content-on-bottom',K(0x1c5),K(0x33e),'components/tab/examples/tabs',K(0x249),K(0x1a5),K(0x35c),K(0x2da),K(0x30c),K(0x34a)],'components/table':['components/table/examples/table',K(0x34b),K(0x2dc),K(0x29d),K(0x2b0),K(0x237),K(0x2cc),K(0x21e),'components/table/examples/zebra'],'components/text-rotate':[K(0x297),'components/text-rotate/custom-line-height','components/text-rotate/rotating-3-words-with-custom-duration',K(0x332),K(0x1d3)],'components/textarea':[K(0x238),'components/textarea/examples/ghost-no-background',K(0x20c),'components/textarea/examples/textarea',K(0x257),K(0x1ee)],'components/theme-controller':[K(0x2e4),K(0x23f),K(0x26e),K(0x236),K(0x338),K(0x31a),K(0x28f),K(0x1d6),K(0x349),K(0x34d)],'components/timeline':[K(0x1d5),K(0x279),K(0x2c9),K(0x28c),K(0x294),K(0x1fe),K(0x267),K(0x1c2),'components/timeline/examples/vertical-timeline-with-colorful-lines','components/timeline/examples/vertical-timeline-with-different-sides',K(0x2af),K(0x356),K(0x2b2),K(0x317)],'components/toast':[K(0x2e5),K(0x1ba),'components/toast/examples/toast-end-default-toast-bottom-default',K(0x2b1),'components/toast/examples/toast-start-toast-bottom-default','components/toast/examples/toast-start-toast-middle',K(0x27d),'components/toast/examples/toast-top-toast-end','components/toast/examples/toast-top-toast-start',K(0x2f3)],'components/toggle':[K(0x233),K(0x1de),'components/toggle/examples/indeterminate','components/toggle/examples/sizes','components/toggle/examples/toggle-switch',K(0x2f9),K(0x2db),K(0x360)],'components/validator':[K(0x29a),'components/validator/examples/date-input-requirement-validator',K(0x250),K(0x2bc),K(0x1a7),K(0x2ef),K(0x2b8),K(0x253),K(0x31f),'components/validator/examples/validator-and-validator-hint','components/validator/examples/writing-an-invalid-email-address-applies-error-color-to-the-input-valid-email-address-applies-success-color']};
|
|
1
|
+
function c(u,H){u=u-0xb4;const r=U();let K=r[u];return K;}const X=c;(function(r,K){const T=c,Y=r();while(!![]){try{const h=parseInt(T(0x229))/0x1*(-parseInt(T(0x1d1))/0x2)+-parseInt(T(0x203))/0x3*(parseInt(T(0x216))/0x4)+-parseInt(T(0x225))/0x5+-parseInt(T(0x20f))/0x6*(parseInt(T(0x230))/0x7)+parseInt(T(0x182))/0x8*(parseInt(T(0x161))/0x9)+-parseInt(T(0xee))/0xa+parseInt(T(0xd4))/0xb*(parseInt(T(0x187))/0xc);if(h===K)break;else Y['push'](Y['shift']());}catch(N){Y['push'](Y['shift']());}}}(U,0x87ac0));function U(){const O=['components/navbar/examples/navbar-with-dropdown-center-logo-and-icon','components/swap/examples/swap-icons-with-rotate-effect','components/pagination/examples/using-radio-inputs','components/select/examples/secondary-color','components/select/examples/success-color','components/menu/examples/mega-menu-with-submenu-responsive','components/modal/examples/responsive','components/otp/examples/otp-with-different-sizes','components/join/examples/group-items-vertically','components/navbar/examples/navbar-with-icon-indicator-and-dropdown','components/avatar/examples/avatar-with-mask','components/checkbox/examples/colors','components/timeline/examples/timeline-with-icon-snapped-to-the-start','components/countdown/examples/in-boxes','components/megamenu/examples/megamenu-in-a-navbar','components/select/examples/ghost-no-background','components/theme-controller/examples/theme-controller-using-a-toggle-with-icons-inside','components/kbd/examples/arrow-keys','components/badge/examples/badge-with-dash-style','components/mask/examples/pentagon','components/divider/examples/divider-in-different-positions','components/modal/examples/modal-using-anchor-link','components/rating/examples/mask-star-2-with-warning-color','components/card/examples/responsive-card-vertical-on-small-screen-horizontal-on-large-screen','components/calendar/examples/cally-calendar-example','components/select/examples/with-fieldset-and-labels','components/footer/examples/footer-with-copyright-text-and-social-icons','components/link/examples/link','components/timeline/examples/vertical-timeline-with-right-side-only','components/navbar/examples/navbar-with-title-and-icon','components/select/examples/accent-color','components/stack/examples/stacked-cards-end-direction','components/alert/examples/alert-soft-style','components/input/examples/ghost-style','components/collapse/examples/with-arrow-plusminus-icon','components/dropdown/examples/dropdown-top-aligns-to-end-of-button-horizontally','components/validator/examples/number-input-requirement-validator','components/theme-controller/examples/theme-controller-using-a-toggle-with-icons','components/timeline/examples/vertical-timeline-with-different-sides','components/badge/examples/neutral-badge-with-outline-or-dash-style','components/footer/examples/two-footer','components/indicator/examples/responsive','chunk-5.js','components/pagination/examples/nexprev-outline-buttons-with-equal-width','components/divider/examples/divider-in-different-positions-horizontal','components/rating/examples/sizes','components/aura/examples/aura-sizes','components/theme-controller/examples/theme-controller-using-a-toggle-with-text','components/skeleton/examples/skeleton','components/badge/examples/badge-sizes','components/label/examples/label-for-date-input','components/card/examples/card-with-a-dash-border','components/indicator/examples/indicator-top-default-indicator-end-default','components/validator/examples/date-input-requirement-validator','components/input/examples/with-fieldset-and-fieldset-legend','components/accordion/examples/accordion-with-arrow-icon','components/collapse/examples/force-open','components/menu/examples/menu-sizes','components/menu/examples/menu-with-disabled-items','components/dropdown/examples/dropdown-bottom-default-aligns-to-end-of-button-horizontally','components/aura/examples/aura-rainbow-around-a-pricing-card','components/aura/examples/aura-dual','components/avatar/examples/avatar-with-presence-indicator','components/stat/examples/vertical','components/status/examples/status','components/toggle/examples/with-fieldset-and-label','components/select/examples/error-color','components/indicator/examples/indicator-middle-indicator-center','components/indicator/examples/indicator-bottom-indicator-center','components/mockup-phone/examples/iphone-mockup','components/input/examples/username-text-input-with-icon-and-validator','117DbKCWS','components/button/examples/button','components/validator/examples/checkbox-requirement-validator','components/mockup-phone/examples/with-color-and-wallpaper','components/text-rotate/big-font-size-horizontally-centered','components/stack/examples/3-divs-in-a-stack','components/rating/examples/read-only-rating','components/link/examples/error-color','components/radio/examples/radio','components/select/examples/neutral-color','components/toggle/examples/toggle-switch','components/input/examples/text-input-with-text-label-inside','components/mockup-window/examples/window-mockup-with-background-color','components/collapse/examples/with-arrow-icon','components/divider/examples/divider','components/badge/examples/badge-with-icon','components/indicator/examples/for-button','components/menu/examples/menu-with-active-item','components/range/examples/range-with-custom-color-and-no-fill','components/radial-progress/examples/custom-color','components/menu/examples/responsive-vertical-on-small-screen-horizontal-on-large-screen','components/drawer/examples/drawer-sidebar','components/status/examples/status-sizes','components/chat/examples/chat-with-image','components/toast/examples/toast-top-toast-end','components/avatar/examples/avatar-with-ring','components/tab/examples/radio-tabs-border-tab-content','components/indicator/examples/indicator-top-default-indicator-start','components/hero/examples/hero-with-figure','components/mask/examples/triangle-2-pointing-down','components/fieldset/examples/fieldset-with-background-and-border','components/link/examples/info-color','components/aura/examples/aura-around-a-button','236888njzkVQ','components/input/examples/email-input-with-icon-and-validator','components/skeleton/examples/skeleton-text','constructor','components/avatar/examples/avatar-rounded','53832wDakoL','components/mockup-code/examples/mockup-code-with-line-prefix','components/divider/examples/responsive-lgdivider-horizontal','components/mask/examples/triangle-pointing-top','components/avatar/examples/avatar-placeholder','components/radio/examples/radio-sizes','components/radio/examples/error-color','components/status/examples/status-with-ping-animation','components/toggle/examples/toggle-with-icons-inside','components/fab/examples/fab-and-speed-dial-with-rectangle-buttons','components/tab/examples/tabs-lift','components/drawer/examples/icon-only-drawer-sidebar-when-its-closed-using-is-drawer-close-and-is-drawer-open-variants','components/collapse/examples/without-border-and-background-color','components/validator/examples/validator-and-validator-hint','components/tab/examples/tabs-border','components/tab/examples/tabs-box','components/mask/examples/decagon','default','components/fab/examples/fab-and-speed-dial-with-labels-and-fab-main-action-button','components/mockup-code/examples/long-line-will-scroll','components/loading/examples/loading-dots','components/drawer/examples/example-this-sidebar-is-always-visible-when-its-close-we-only-see-iocns-when-its-open-we-see-icons-and-text','components/card/examples/card-with-image-overlay','components/select/examples/primary-color','components/tab/examples/radio-tabs-lift-tab-content-on-bottom','components/accordion/examples/accordion-using-radio-inputs','components/textarea/examples/with-form-control-and-labels','components/menu/examples/horizontal-menu','components/mockup-code/examples/without-prefix','components/tab/examples/tabs-box-using-radio-inputs','components/label/examples/floating-label-with-different-sizes','components/loading/examples/loading-ball','components/link/examples/warning-color','components/carousel/examples/snap-to-center','components/input/examples/search-input-with-icon','components/alert/examples/alert-dash-style','components/tab/examples/sizes','components/indicator/examples/for-an-input','components/menu/examples/menu-with-icon-only-with-tooltip','components/text-rotate/text-rotate','components/indicator/examples/multiple-indicators','components/dropdown/examples/dropdown-right','components/rating/examples/with-rating-hidden','components/input/examples/password-input-with-icon-and-validator','components/swap/examples/activate-using-class-name-instead-of-checkbox','components/textarea/examples/sizes','components/aura/examples/aura-with-custom-color-and-custom-background-color','components/navbar/examples/navbar-with-search-input-and-dropdown','components/megamenu/examples/megamenu-without-arrows','components/navbar/examples/navbar-with-title-only','components/swap/examples/swap-volume-icons','components/dock/examples/dock-large-size','components/carousel/examples/snap-to-end','components/fab/examples/fab-and-speed-dial-with-labels','components/pagination/examples/pagination-with-an-active-button','components/table/examples/zebra','components/timeline/examples/timeline-with-text-on-both-sides-and-icon','components/mockup-browser/examples/browser-mockup-with-border','components/badge/examples/empty-badge','components/rating/examples/mask-star-2-with-green-500-color','components/tab/examples/radio-tabs-lift-with-icons-tab-content','components/footer/examples/footer-with-a-logo-section','components/card/examples/card-sizes','components/breadcrumbs/examples/breadcrumbs','components/collapse/examples/moving-collapse-icon-to-the-start','components/tab/examples/tabs','components/modal/examples/modal-using-checkbox','components/otp/examples/otp-joined','components/mask/examples/triangle-4-pointing-right','components/radial-progress/examples/radial-progress','components/theme-controller/examples/theme-controller-using-a-toggle','components/input/examples/datetime-local-input','components/radio/examples/warning-color','components/badge/examples/badge-with-colors','32BqtnbZ','components/megamenu/examples/megamenu-with-a-menus-and-lots-of-links','components/file-input/examples/disabled','components/footer/examples/footer-with-2-rows','components/link/examples/success-color','components/timeline/examples/timeline-with-top-side-only','components/fieldset/examples/login-form-with-fieldset','components/radio/examples/disabled','components/otp/examples/otp-with-6-digits','components/indicator/examples/for-avatar','components/modal/examples/dialog-modal-with-a-close-button-at-corner','components/menu/examples/menu-with-icons-and-badge-responsive','components/file-input/examples/primary-color','components/carousel/examples/carousel-with-half-width-items','components/progress/examples/primary-color','components/timeline/examples/vertical-timeline-with-colorful-lines','components/dropdown/examples/dropdown-on-hover','components/menu/examples/menu-with-title','components/dropdown/examples/dropdown-using-popover-api-and-anchor-positioning','components/stack/examples/stacked-cards-start-direction','components/dropdown/examples/dropdown-top','components/footer/examples/centered-footer-with-social-icons','components/kbd/examples/in-text','components/validator/examples/username-requirement-validator','components/radial-progress/examples/different-values','components/aura/examples/aura-rainbow','components/aura/examples/aura-with-custom-color','components/select/examples/using-os-native-style-for-the-options-dropdown','components/drawer/examples/responsive-sidebar-is-always-visible-on-large-screen-can-be-toggled-on-small-screen','components/indicator/examples/indicator-bottom-indicator-start','components/button/examples/square-button-and-circle-button','components/button/examples/button-sizes','components/kbd/examples/function-keys','components/timeline/examples/timeline-without-icons','components/input/examples/number-input-with-validator','components/button/examples/outline-buttons','components/steps/examples/horizontal','components/collapse/examples/collapse-using-details-and-summary-tag','components/join/examples/responsive-its-vertical-on-small-screen-and-horizontal-on-large-screen','components/menu/examples/collapsible-submenu-that-works-with-class-names','components/menu/examples/menu-with-icon-only-horizontal-with-tooltip','components/badge/examples/badge-with-soft-style','components/footer/examples/footer-with-logo-and-social-icons','components/mockup-code/examples/multi-line','components/validator/examples/select-requirement-validator','components/steps/examples/with-custom-content-in-step-icon','components/dropdown/examples/dropdown-aligns-to-start-of-button-horizontally','components/drawer/examples/navbar-menu-for-desktop-sidebar-drawer-for-mobile','components/range/examples/accent-color','components/validator/examples/phone-number-requirement-validator','25827GKtYKH','components/stat/examples/with-custom-colors-and-button','components/fieldset/examples/fieldset-fieldset-legend-and-label','components/dropdown/examples/dropdown-aligns-to-center-of-button-horizontally','chunk-4.js','components/input/examples/url-with-icon-and-validator','components/menu/examples/menu-with-title-as-a-parent','components/dropdown/examples/dropdown-left','components/fieldset/examples/fieldset-with-multiple-join-items','components/mask/examples/hexagon','components/mask/examples/heart','components/steps/examples/custom-colors','1596XxvODj','components/theme-controller/examples/theme-controller-using-a-radio-input','components/input/examples/input-colors','components/progress/examples/progress','components/join/examples/join','all','components/filter/examples/filter-without-html-form','236DmPjKd','components/dropdown/examples/dropdown-bottom-default-aligns-to-center-of-button-horizontally','components/tab/examples/radio-tabs-lift-tab-content','components/list/examples/list-third-column-wraps-to-next-row','components/radio/examples/info-color','components/toast/examples/toast-top-toast-start','components/countdown/examples/large-text-with-labels-under','components/fab/examples/fab-and-flower-speed-dial-with-svg-icons','components/carousel/examples/carousel-with-full-width-items','components/mask/examples/squircle','(((.+)+)+)+$','components/kbd/examples/kbd','components/aura/examples/aura-glow','components/input/examples/date-input','components/text-rotate/rotating-3-words-with-custom-duration','706785tvGpBv','components/stat/examples/centered-items','components/button/examples/login-with-social-media-auth-buttons','components/card/examples/card-with-action-on-top','2971RQzfcc','components/hero/examples/hero-with-form','components/dock/examples/dock-extra-small-size','components/radio/examples/neutral-color','components/kbd/examples/kbd-sizes','components/menu/examples/menu-without-padding-and-border-radius','components/diff/examples/diff','7966qHLPLN','components/kbd/examples/a-full-keyboard','components/avatar/examples/avatar','components/hero/examples/hero-with-figure-but-reverse-order','components/range/examples/primary-color','components/fab/examples/fab-and-speed-dial-with-labels-and-fab-close-button','assign','components/file-input/examples/file-input-ghost','chunk-6.js','components/table/examples/table-with-an-active-row','components/breadcrumbs/examples/breadcrumbs-with-icons','components/range/examples/with-steps-and-measure','components/indicator/examples/in-center-of-an-image','components/button/examples/soft-buttons','components/otp/examples/otp','components/radio/examples/primary-color','components/theme-controller/examples/theme-controller-using-a-dropdown','href','components/select/examples/info-color','components/mockup-browser/examples/browser-mockup-with-background-color','components/navbar/examples/navbar-with-colors','components/avatar/examples/avatar-in-custom-sizes','components/indicator/examples/indicator-top-default-indicator-center','components/card/examples/card-with-image-on-side','components/link/examples/show-underline-only-on-hover','components/toast/examples/toast-with-alert-inside','components/aura/examples/aura-with-custom-animation-duration','components/list/examples/list-second-column-grows-default','components/hover-3d/holographic-hover-3d-credit-card','components/countdown/examples/large-text-with-2-digits','components/fab/examples/fab-and-speed-dial-vertical','components/checkbox/examples/checkbox','components/checkbox/examples/with-fieldset-and-label','components/collapse/examples/custom-colors-for-collapse-that-works-with-checkbox','components/indicator/examples/indicator-bottom-indicator-end-default','components/hover-gallery/examples/hover-gallery-in-a-card','components/button/examples/buttons-with-any-html-tags-like-checkbox-radio-etc','components/chat/examples/chat-with-image-header-and-footer','components/label/examples/floating-label','components/list/examples/list-third-column-grows','components/badge/examples/badge','components/timeline/examples/responsive-vertical-by-default-horizontal-on-large-screen','components/loading/examples/loading-ring','components/input/examples/disabled','components/text-rotate/rotating-words-in-a-sentence-different-colors-for-each-word','components/input/examples/time-input','components/card/examples/card','components/table/examples/table-with-pinned-rows','components/theme-controller/examples/theme-controller-using-a-checkbox','components/modal/examples/dialog-modal-closes-when-clicked-outside','components/indicator/examples/indicator-middle-indicator-start','components/menu/examples/menu-with-icon-only-horizontal','components/badge/examples/badge-with-outline-style','components/range/examples/neutral-color','components/input/examples/sizes','components/avatar/examples/avatar-group-with-counter','components/dropdown/examples/dropdown-in-navbar','components/input/examples/email-input-with-icon-validator-button-join','components/stack/examples/stacked-cards','components/aura/examples/aura-silver','components/navbar/examples/navbar-with-icon-at-start-and-end','components/table/examples/table-xs','toString','search','components/radio/examples/radio-with-custom-colors','components/button/examples/wide-button','components/toast/examples/toast-start-toast-middle','components/dock/examples/dock-extra-large-size','components/badge/examples/badge-in-a-button','components/progress/examples/secondary-color','components/carousel/examples/snap-to-start-default','components/checkbox/examples/indeterminate','components/card/examples/pricing-card','components/progress/examples/accent-color','components/countdown/examples/large-text-with-labels','components/alert/examples/alert-with-buttons-responsive','components/indicator/examples/for-tab','components/range/examples/secondary-color','map','components/otp/examples/otp-with-different-colors','components/button/examples/button-with-loading-spinner','components/button/examples/button-with-icon','components/swap/examples/swap-text','apply','components/indicator/examples/status-indicator','components/calendar/examples/pikaday-cdn-example','components/menu/examples/horizontal-submenu','components/dropdown/examples/dropdown-bottom-default','components/card/examples/card-with-centered-content-and-paddings','components/dropdown/examples/dropdown-right-aligns-to-center-of-button-vertically','components/collapse/examples/force-close','components/tab/examples/tabs-box-with-a-horizontal-scroll-when-theres-no-space','components/dropdown/examples/dropdown-left-aligns-to-end-of-button-vertically','4939SrHpnJ','components/stat/examples/stat','components/rating/examples/half-stars','components/menu/examples/collapsible-submenu','components/alert/examples/warning-color','components/label/examples/label-for-input','components/link/examples/primary-color','components/drawer/examples/example-this-sidebar-is-always-visible-on-large-screen-can-be-toggled-on-small-screen','components/megamenu/examples/megamenu-in-different-sizes','components/fab/examples/fab-and-speed-dial-with-svg-icons','components/mockup-code/examples/highlighted-line','components/footer/examples/footer-with-links-and-social-icons','components/dropdown/examples/dropdown-menu','components/label/examples/label-for-select','components/progress/examples/warning-color','components/navbar/examples/navbar-with-menu-and-submenu','components/divider/examples/divider-with-no-text','components/menu/examples/menu-with-icons','components/toast/examples/toast-top-toast-center','components/modal/examples/modal-that-closes-when-clicked-outside','components/timeline/examples/timeline-with-bottom-side-only','components/text-rotate/custom-line-height','components/footer/examples/footer-with-copyright-text','chunk-3.js','components/fab/examples/fab-and-flower-speed-dial-with-tooltip','components/chat/examples/chat-with-header-and-footer','8439130AVhATm','components/toast/examples/toast-center-toast-bottom-default','components/collapse/examples/collapse-with-checkbox','components/footer/examples/footer-vertical-by-default-horizontal-for-sm-and-up','components/pagination/examples/sizes','components/loading/examples/loading-infinity','components/rating/examples/mask-heart-with-multiple-colors','components/carousel/examples/carousel-with-nextprev-buttons','components/indicator/examples/a-button-as-an-indicator-for-a-card','components/badge/examples/badge-in-a-text','components/steps/examples/vertical','components/indicator/examples/badge-as-indicator','components/validator/examples/url-input-requirement-validator','components/progress/examples/indeterminate-without-value','components/status/examples/status-with-bounce-animation','components/fab/examples/fab-flower-and-speed-dial','components/range/examples/info-color','components/card/examples/card-with-custom-color','components/toast/examples/toast-end-toast-middle','components/timeline/examples/vertical-timeline-without-icons','components/pagination/examples/extra-small-buttons','components/toast/examples/toast-end-default-toast-bottom-default','components/validator/examples/password-requirement-validator','components/radio/examples/success-color','components/loading/examples/loading-with-colors','components/timeline/examples/vertical-timeline-with-left-side-only','components/toggle/examples/colors','components/loading/examples/loading-spinner','components/badge/examples/badge-ghost','components/select/examples/disabled','components/textarea/examples/disabled','components/radio/examples/accent-color','components/textarea/examples/textarea-colors','components/dock/examples/dock-small-size','components/dropdown/examples/dropdown-using-details-and-summary','components/file-input/examples/sizes','components/stack/examples/stacked-cards-with-shadow','components/calendar/examples/cally-date-picker-example','components/collapse/examples/custom-colors-for-collapse-that-works-with-focus','components/checkbox/examples/checkbox-with-custom-colors','components/join/examples/with-extra-elements-in-the-group','components/range/examples/range','components/filter/examples/filter-using-html-form-radio-buttons-and-reset-button','components/carousel/examples/carousel-with-indicator-buttons'];U=function(){return O;};return U();}const H=(function(){let r=!![];return function(K,Y){const h=r?function(){const Z=c;if(Y){const N=Y[Z(0xca)](K,arguments);return Y=null,N;}}:function(){};return r=![],h;};}()),u=H(this,function(){const k=c;return u['toString']()[k(0xb6)](k(0x220))[k(0xb5)]()[k(0x185)](u)[k(0xb6)](k(0x220));});u();const snippetChunks=await Promise[X(0x214)]([import(new URL(X(0xeb),import.meta.url)[X(0x241)]),import(new URL(X(0x207),import.meta.url)[X(0x241)]),import(new URL(X(0x144),import.meta.url)[X(0x241)]),import(new URL(X(0x238),import.meta.url)[X(0x241)])]);export const SNIPPETS=Object[X(0x236)]({},...snippetChunks[X(0xc5)](r=>r[X(0x198)]));export const SNIPPET_HIERARCHY={'components/accordion':[X(0x1a0),X(0x151),'components/accordion/examples/accordion-with-plus-minus-icon','components/accordion/examples/using-accordion-and-join-together'],'components/alert':['components/alert/examples/alert',X(0x1aa),'components/alert/examples/alert-outline-style',X(0x13a),X(0xc2),'components/alert/examples/alert-with-title-and-description','components/alert/examples/error-color','components/alert/examples/info-color','components/alert/examples/success-color',X(0xd8)],'components/aura':['components/aura/examples/aura',X(0x181),X(0x157),X(0x222),'components/aura/examples/aura-gold','components/aura/examples/aura-holo',X(0x1ea),X(0x156),X(0x26b),X(0x148),X(0x24a),X(0x1eb),X(0x1b5)],'components/avatar':[X(0x232),'components/avatar/examples/avatar-group',X(0x267),X(0x245),X(0x18b),X(0x186),X(0x124),X(0x158),X(0x17a)],'components/badge':[X(0x258),X(0x10a),X(0xbb),X(0xf7),X(0x14b),X(0x1d0),X(0x12c),X(0x170),X(0x264),X(0x1fa),X(0x1c1),X(0x141)],'components/breadcrumbs':[X(0x1c6),X(0x23a),'components/breadcrumbs/examples/breadcrumbs-with-max-width'],'components/button':['components/button/examples/active-buttons',X(0x162),'components/button/examples/button-block',X(0x1f0),X(0xc8),X(0xc7),'components/button/examples/buttons-colors','components/button/examples/buttons-ghost-and-button-link',X(0x254),'components/button/examples/dash-buttons','components/button/examples/disabled-buttons',X(0x227),'components/button/examples/neutral-button-with-outline-or-dash-style',X(0x1f4),'components/button/examples/responsive-button',X(0x23d),X(0x1ef),X(0xb8)],'components/calendar':[X(0x132),X(0x113),X(0xcc)],'components/card':[X(0x25e),X(0x1c5),'components/card/examples/card-with-a-card-border',X(0x14d),X(0x228),'components/card/examples/card-with-badge','components/card/examples/card-with-bottom-image',X(0xcf),X(0xff),X(0x247),X(0x19d),'components/card/examples/card-with-no-image','components/card/examples/centered-card-with-neutral-color',X(0xbf),X(0x131)],'components/carousel':[X(0x21e),X(0x1de),X(0x119),X(0xf5),'components/carousel/examples/full-bleed-carousel',X(0x1a8),X(0x1bb),X(0xbd),'components/carousel/examples/vertical-carousel'],'components/chat':['components/chat/examples/chat-bubble-with-colors','components/chat/examples/chat-start-and-chat-end',X(0xed),X(0x178),X(0x255)],'components/checkbox':[X(0x24f),X(0x115),X(0x125),'components/checkbox/examples/disabled',X(0xbe),'components/checkbox/examples/sizes',X(0x250)],'components/collapse':[X(0x1f6),X(0xf0),'components/collapse/examples/collapse-with-focus',X(0x251),X(0x114),X(0xd1),X(0x152),X(0x1c7),X(0x16e),X(0x13c),X(0x193)],'components/countdown':['components/countdown/examples/clock-countdown','components/countdown/examples/clock-countdown-with-colons','components/countdown/examples/countdown',X(0x127),X(0x24d),X(0xc1),X(0x21c)],'components/diff':[X(0x22f),'components/diff/examples/diff-text'],'components/divider':[X(0x16f),'components/divider/examples/divider-horizontal',X(0x12e),X(0x146),'components/divider/examples/divider-with-colors',X(0xe4),X(0x189)],'components/dock':['components/dock/examples/dock',X(0xba),X(0x22b),X(0x1ba),'components/dock/examples/dock-medium-size',X(0x10f),'components/dock/examples/dock-with-custom-colors'],'components/drawer':[X(0x176),'components/drawer/examples/drawer-sidebar-that-opens-from-right-side-of-page',X(0xdb),X(0x19c),X(0x192),X(0x200),X(0x1ed)],'components/dropdown':['components/dropdown/examples/card-as-dropdown',X(0x206),'components/dropdown/examples/dropdown-aligns-to-end-of-button-horizontally',X(0x1ff),X(0xce),X(0x217),X(0x155),X(0x268),X(0x20a),'components/dropdown/examples/dropdown-left-aligns-to-center-of-button-vertically',X(0xd3),X(0xe0),X(0x1e1),X(0x1b0),X(0xd0),'components/dropdown/examples/dropdown-right-aligns-to-end-of-button-vertically',X(0x1e5),'components/dropdown/examples/dropdown-top-aligns-to-center-of-button-horizontally',X(0x13d),X(0x110),X(0x1e3),'components/dropdown/examples/force-open','components/dropdown/examples/helper-dropdown'],'components/fab':['components/fab/examples/a-single-fab-floating-action-button',X(0x21d),X(0xec),X(0x24e),X(0x1bc),X(0x235),X(0x199),X(0x190),X(0xdd),X(0xfd)],'components/fieldset':[X(0x205),X(0x17f),'components/fieldset/examples/fieldset-with-multiple-inputs',X(0x20b),X(0x1d7)],'components/file-input':[X(0x1d3),'components/file-input/examples/file-input',X(0x237),X(0x1dd),X(0x111),'components/file-input/examples/with-fieldset-and-label'],'components/filter':['components/filter/examples/filter-using-html-form-checkboxes-and-a-reset-button',X(0x118),X(0x215)],'components/footer':['components/footer/examples/centered-footer-with-logo-and-social-icons',X(0x1e6),X(0xf1),X(0x1d4),'components/footer/examples/footer-with-a-form',X(0x1c4),X(0xea),X(0x134),X(0xdf),X(0x1fb),X(0x142)],'components/hero':['components/hero/examples/centered-hero',X(0x17d),X(0x233),X(0x22a),'components/hero/examples/hero-with-overlay-image'],'components/hover-3d':[X(0x24c)],'components/hover-gallery':['components/hover-gallery/examples/hover-gallery',X(0x253)],'components/indicator':[X(0xf6),X(0xf9),X(0x1ac),X(0x1da),X(0x171),X(0xc3),X(0x23c),X(0x15e),X(0x252),X(0x1ee),X(0x15d),'components/indicator/examples/indicator-middle-indicator-end-default',X(0x262),X(0x246),X(0x14e),X(0x17c),X(0x1af),X(0x143),X(0xcb)],'components/input':[X(0x223),X(0x1ce),X(0x25b),X(0x183),X(0x269),X(0x13b),X(0x211),X(0x1f3),X(0x1b2),X(0x1a9),X(0x266),'components/input/examples/telephone-number-input-with-icon-and-validator','components/input/examples/text-input','components/input/examples/text-input-with-data-list-suggestion',X(0x16c),X(0x25d),X(0x208),X(0x160),X(0x150)],'components/join':['components/join/examples/custom-border-radius',X(0x122),X(0x213),'components/join/examples/join-radio-inputs-with-btn-style',X(0x1f7),X(0x116)],'components/kbd':[X(0x231),X(0x12b),X(0x1f1),X(0x1e7),X(0x221),X(0x22d),'components/kbd/examples/key-combination'],'components/label':[X(0x256),X(0x1a5),X(0x14c),X(0xd9),'components/label/examples/label-for-input-at-the-end',X(0xe1)],'components/link':['components/link/examples/accent-color',X(0x168),X(0x180),X(0x135),X(0xda),'components/link/examples/secondary-color',X(0x248),X(0x1d5),X(0x1a7)],'components/list':[X(0x24b),X(0x257),X(0x219)],'components/loading':[X(0x1a6),'components/loading/examples/loading-bars',X(0x19b),X(0xf3),X(0x25a),X(0x109),X(0x106)],'components/mask':['components/mask/examples/circle',X(0x197),'components/mask/examples/diamond',X(0x20d),X(0x20c),'components/mask/examples/hexagon-2-horizontal-hexagon',X(0x12d),'components/mask/examples/square',X(0x21f),'components/mask/examples/star','components/mask/examples/star-2-bold-star',X(0x17e),'components/mask/examples/triangle-3-pointing-left',X(0x1cb),X(0x18a)],'components/megamenu':[X(0x128),X(0xdc),X(0x1d2),'components/megamenu/examples/megamenu-with-wide-popovers-and-horizontal-menus',X(0x1b7),'components/megamenu/examples/responsive-megamenu-with-small-vertical-menus'],'components/menu':[X(0xd7),X(0x1f8),'components/menu/examples/collapsible-with-submenu-responsive','components/menu/examples/file-tree',X(0x1a2),X(0xcd),X(0x11f),'components/menu/examples/menu',X(0x153),X(0x172),X(0x154),'components/menu/examples/menu-with-icon-only',X(0x263),X(0x1f9),X(0x1ad),X(0xe5),X(0x1dc),X(0x1e2),X(0x209),X(0x22e),X(0x175),'components/menu/examples/submenu'],'components/mockup-browser':[X(0x243),X(0x1c0)],'components/mockup-code':[X(0xde),X(0x19a),X(0x188),X(0x1fc),'components/mockup-code/examples/with-color',X(0x1a3)],'components/mockup-phone':[X(0x15f),X(0x164)],'components/mockup-window':[X(0x16d),'components/mockup-window/examples/window-mockup-with-border'],'components/modal':['components/modal/examples/dialog-modal',X(0x261),X(0x1db),'components/modal/examples/dialog-modal-with-custom-width',X(0xe7),X(0x12f),X(0x1c9),X(0x120)],'components/navbar':[X(0x244),X(0x11a),X(0x26c),X(0x123),X(0xe3),X(0x1b6),X(0x137),X(0x1b8),'components/navbar/examples/responsive-dropdown-menu-on-small-screen-center-menu-on-large-screen'],'components/otp':[X(0x23e),X(0x1ca),X(0x1d9),X(0xc6),X(0x121)],'components/pagination':[X(0x102),X(0x145),X(0x1bd),X(0xf2),X(0x11c),'components/pagination/examples/with-a-disabled-button'],'components/progress':[X(0xc0),'components/progress/examples/error-color',X(0xfb),'components/progress/examples/info-color','components/progress/examples/neutral-color',X(0x1df),X(0x212),X(0xbc),'components/progress/examples/success-color',X(0xe2)],'components/radial-progress':[X(0x174),'components/radial-progress/examples/custom-size-and-custom-thickness',X(0x1e9),X(0x1cc),'components/radial-progress/examples/with-background-color-and-border'],'components/radio':[X(0x10d),X(0x1d8),X(0x18d),X(0x21a),X(0x22c),X(0x23f),X(0x169),X(0x18c),X(0xb7),'components/radio/examples/secondary-color',X(0x105),X(0x1cf)],'components/range':[X(0x201),'components/range/examples/error-color',X(0xfe),X(0x265),X(0x234),X(0x117),X(0x173),X(0xc4),'components/range/examples/sizes','components/range/examples/success-color','components/range/examples/warning-color',X(0x23b)],'components/rating':[X(0xd6),X(0xf4),X(0x1c2),X(0x130),'components/rating/examples/rating',X(0x167),X(0x147),X(0x1b1)],'components/select':[X(0x138),X(0x10b),X(0x15c),X(0x129),X(0x242),X(0x16a),X(0x19e),X(0x11d),'components/select/examples/select','components/select/examples/sizes',X(0x11e),X(0x1ec),'components/select/examples/warning-color',X(0x133)],'components/skeleton':[X(0x14a),'components/skeleton/examples/skeleton-circle-with-content','components/skeleton/examples/skeleton-rectangle-with-content',X(0x184)],'components/stack':[X(0x166),X(0x26a),X(0x139),X(0x1e4),'components/stack/examples/stacked-cards-top-direction',X(0x112),'components/stack/examples/stacked-images'],'components/stat':[X(0x226),'components/stat/examples/responsive-vertical-on-small-screen-horizontal-on-large-screen',X(0xd5),'components/stat/examples/stat-with-icons-or-image',X(0x159),X(0x204)],'components/status':[X(0x15a),X(0x177),X(0xfc),'components/status/examples/status-with-colors',X(0x18e)],'components/steps':[X(0x20e),X(0x1f5),'components/steps/examples/responsive-vertical-on-small-screen-horizontal-on-large-screen',X(0xf8),X(0x1fe),'components/steps/examples/with-data-content','components/steps/examples/with-scrollable-wrapper'],'components/swap':[X(0x1b3),'components/swap/examples/hamburger-button','components/swap/examples/swap-icons-with-flip-effect',X(0x11b),X(0xc9),X(0x1b9)],'components/tab':[X(0x17b),'components/tab/examples/radio-tabs-box-tab-content',X(0x218),X(0x19f),X(0x1c3),X(0x1ab),X(0x1c8),X(0x195),X(0x196),X(0x1a4),X(0xd2),X(0x191),'components/tab/examples/tabs-with-custom-color'],'components/table':['components/table/examples/table','components/table/examples/table-with-a-row-that-highlights-on-hover',X(0x239),'components/table/examples/table-with-border-and-background',X(0x25f),'components/table/examples/table-with-pinned-rows-and-pinned-cols','components/table/examples/table-with-visual-elements',X(0xb4),X(0x1be)],'components/text-rotate':[X(0x165),X(0xe9),X(0x224),X(0x25c),X(0x1ae)],'components/textarea':[X(0x10c),'components/textarea/examples/ghost-no-background',X(0x1b4),'components/textarea/examples/textarea',X(0x10e),X(0x1a1)],'components/theme-controller':[X(0x260),X(0x240),'components/theme-controller/examples/theme-controller-using-a-radio-button',X(0x210),'components/theme-controller/examples/theme-controller-using-a-swap',X(0x1cd),'components/theme-controller/examples/theme-controller-using-a-toggle-with-custom-colors',X(0x13f),X(0x12a),X(0x149)],'components/timeline':[X(0x259),X(0xe8),'components/timeline/examples/timeline-with-colorful-lines','components/timeline/examples/timeline-with-different-sides',X(0x126),X(0x1bf),X(0x1d6),X(0x1f2),X(0x1e0),X(0x140),X(0x107),X(0x136),'components/timeline/examples/vertical-timeline-with-text-on-both-sides-and-icon',X(0x101)],'components/toast':[X(0xef),'components/toast/examples/toast-center-toast-middle',X(0x103),X(0x100),'components/toast/examples/toast-start-toast-bottom-default',X(0xb9),X(0xe6),X(0x179),X(0x21b),X(0x249)],'components/toggle':[X(0x108),'components/toggle/examples/disabled','components/toggle/examples/indeterminate','components/toggle/examples/sizes',X(0x16b),'components/toggle/examples/toggle-with-custom-colors',X(0x18f),X(0x15b)],'components/validator':[X(0x163),X(0x14f),X(0x13e),X(0x104),X(0x202),X(0x1fd),'components/validator/examples/toggle-requirement-validator',X(0xfa),X(0x1e8),X(0x194),'components/validator/examples/writing-an-invalid-email-address-applies-error-color-to-the-input-valid-email-address-applies-success-color']};
|
package/chunks/chunk-1.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
function z(){const i=['8522450yZwfFt','4497789yllpux','266nnOUoH','1881819IXiWdM','search','---\x0atitle:\x20Convert\x20Bootstrap\x20code\x20to\x20DaisyUI\x0a#\x20description:\x20Find\x20parts\x20of\x20Bootstrap\x20code\x20that\x20can\x20be\x20converted\x20to\x20daisyUI\x20components\x20and\x20convert\x20them\x20accordingly.\x0a---\x0a\x0aYou\x20are\x20analyzing\x20a\x20code\x20that\x20is\x20written\x20using\x20Bootstrap\x20classes\x20to\x20identify\x20parts\x20that\x20can\x20be\x20converted\x20to\x20daisyUI\x20components\x20(or\x20Tailwind\x20CSS\x20utility\x20classes\x20if\x20necessary)\x20and\x20convert\x20them\x20accordingly.\x0aFollow\x20below\x20steps\x20strictly.\x20If\x20you\x20miss\x20any\x20step,\x20your\x20code\x20will\x20be\x20rejected.\x0a\x0a##\x20Step\x20By\x20Step\x20Instructions:\x0a1.\x20Carefully\x20examine\x20the\x20code\x20and\x20all\x20Bootstrap\x20classes\x20used\x0a2.\x20Identify\x20all\x20elements\x20that\x20can\x20be\x20converted\x20to\x20daisyUI\x20components\x0a3.\x20Decide\x20which\x20daisyUI\x20class\x20names\x20(or\x20Tailwind\x20CSS\x20utility\x20classes\x20if\x20necessary)\x20can\x20be\x20used\x20to\x20replace\x20existing\x20Bootstrap\x20classes\x0a4.\x20Replace\x20the\x20identified\x20parts\x20with\x20appropriate\x20daisyUI\x20components\x20and\x20class\x20names.\x20Use\x20\x22daisyUI\x20Blueprint\x20MCP\x20server\x22\x20to\x20receive\x20accurate\x20code\x20snippets.\x0a\x20\x204.1.\x20If\x20something\x20is\x20possible\x20with\x20daisyUI\x20alone,\x20use\x20daisyUI\x20class\x20names.\x0a\x20\x204.2.\x20If\x20something\x20is\x20possible\x20with\x20daisyUI\x20class\x20names\x20but\x20it\x20requires\x20additional\x20Tailwind\x20CSS\x20utility\x20classes\x20for\x20fine-tuning,\x20use\x20both\x20daisyUI\x20class\x20names\x20and\x20necessary\x20Tailwind\x20CSS\x20utility\x20classes.\x0a\x20\x204.3.\x20If\x20something\x20cannot\x20be\x20achieved\x20even\x20with\x20daisyUI\x20classes,\x20leave\x20it\x20as\x20is.\x0a\x20\x204.4.\x20If\x20you\x20can\x20not\x20understand\x20a\x20part,\x20leave\x20it\x20as\x20is.\x0a5.\x20Match\x20the\x20layout\x20structure\x20as\x20closely\x20as\x20possible\x0a\x0a##\x20Replacing\x20Bootstrap\x20CDN\x20file\x20with\x20Tailwind\x20CSS\x20and\x20daisyUI\x20CDN\x20files\x0a\x0aIf\x20the\x20project\x20includes\x20a\x20Bootstrap\x20CDN\x20file,\x20replace\x20it\x20with\x20Tailwind\x20CSS\x20and\x20daisyUI\x20CDN\x20files.\x20Example:\x0a```html\x0a<link\x20href=\x22https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css\x22\x20rel=\x22stylesheet\x22>\x0a<script\x20src=\x22https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js\x22></script>\x0a```\x0aMUST\x20be\x20replaced\x20with:\x0a```html\x0a<link\x20href=\x22https://cdn.jsdelivr.net/npm/daisyui@5\x22\x20rel=\x22stylesheet\x22\x20type=\x22text/css\x22\x20/>\x0a<script\x20src=\x22https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4\x22></script>\x0a```\x0a\x0a##\x20General\x20rules\x0a\x0a-\x20Never\x20ever\x20break\x20the\x20code\x20syntax\x0a-\x20If\x20you\x20are\x20asked\x20to\x20write\x20code,\x20only\x20write\x20the\x20code,\x20do\x20not\x20add\x20any\x20explanations\x20unless\x20necessary\x0a-\x20do\x20not\x20make\x20up\x20answers.\x20For\x20code,\x20always\x20search\x20the\x20docs\x20and\x20write\x20code\x20based\x20on\x20that\x0a\x0a##\x20Writing\x20code\x0a\x0a-\x20Do\x20not\x20guess,\x20do\x20not\x20hallucinate,\x20write\x20code\x20based\x20on\x20the\x20information\x20and\x20facts\x20you\x20have,\x20if\x20you\x20don\x27t\x20have\x20enough\x20information,\x20ask\x20for\x20more\x20information\x0a-\x20Be\x20careful\x20about\x20the\x20syntax,\x20always\x20double\x20check\x20it\x0a-\x20Do\x20not\x20randomly\x20change\x20indentation,\x20formatting,\x20or\x20style\x20of\x20existing\x20code\x20unless\x20asked\x0a-\x20If\x20you\x27re\x20asked\x20to\x20refactor\x20code,\x20make\x20sure\x20to\x20keep\x20the\x20same\x20functionality\x20and\x20behavior\x0a\x0a##\x20HTML\x0a\x0a-\x20Only\x20edit\x20the\x20parts\x20that\x20need\x20conversion\x20to\x20daisyUI\x20components.\x20Leave\x20other\x20parts\x20unchanged.\x0a-\x20When\x20writing\x20HTML,\x20ensure\x20semantic\x20tags\x20are\x20used\x20appropriately\x0a-\x20Ensure\x20proper\x20indentation\x20and\x20formatting\x20for\x20readability\x0a\x0a##\x20CSS\x20class\x20names\x0a\x0a-\x20For\x20components,\x20you\x20are\x20only\x20allowed\x20to\x20use\x20daisyUI\x20class\x20names.\x0a-\x20If\x20you\x20need\x20to\x20customize\x20a\x20component,\x20use\x20daisyUI\x20class\x20names\x20to\x20customize\x20it.\x20For\x20example\x20to\x20make\x20a\x20\x22btn\x22\x20larger,\x20use\x20\x22btn\x20btn-lg\x22\x20class\x20names.\x0a-\x20If\x20daisyUI\x20class\x20names\x20are\x20not\x20enough\x20to\x20fine-tune\x20a\x20daisyUI\x20component\x20only\x20then\x20you\x20are\x20allowed\x20to\x20use\x20Tailwind\x20classes\x20for\x20that\x20specific\x20purpose.\x0a-\x20For\x20layouts,\x20use\x20Tailwind\x20classes\x20like\x20\x22flex\x22,\x20\x22grid\x22,\x20\x22p-4\x22,\x20\x22m-2\x22,\x20etc\x20but\x20do\x20not\x20overuse\x20them.\x0a-\x20If\x20width\x20and\x20height\x20are\x20same,\x20use\x20\x22size-{value}\x22\x20class\x20name\x20instead\x20of\x20\x22w-{value}\x20h-{value}\x22.\x20For\x20example\x20use\x20\x22size-12\x22\x20instead\x20of\x20\x22w-12\x20h-12\x22.\x0a','1438023GkHRGi','---\x0atitle:\x20Convert\x20Tailwind\x20CSS\x20code\x20to\x20DaisyUI\x0a#\x20description:\x20Find\x20parts\x20of\x20Tailwind\x20CSS\x20code\x20that\x20can\x20be\x20converted\x20to\x20daisyUI\x20components\x20and\x20convert\x20them\x20accordingly.\x0a---\x0a\x0aYou\x20are\x20analyzing\x20a\x20code\x20that\x20is\x20written\x20using\x20Tailwind\x20CSS\x20utility\x20classes\x20to\x20identify\x20parts\x20that\x20can\x20be\x20converted\x20to\x20daisyUI\x20components\x20and\x20convert\x20them\x20accordingly.\x0aFollow\x20below\x20steps\x20strictly.\x20If\x20you\x20miss\x20any\x20step,\x20your\x20code\x20will\x20be\x20rejected.\x0a\x0a##\x20Step\x20By\x20Step\x20Instructions:\x0a1.\x20Carefully\x20examine\x20the\x20code\x20and\x20all\x20Tailwind\x20CSS\x20utility\x20classes\x20used\x0a2.\x20Identify\x20all\x20elements\x20that\x20can\x20be\x20converted\x20to\x20daisyUI\x20components\x0a3.\x20Decide\x20which\x20daisyUI\x20class\x20names\x20can\x20be\x20used\x20to\x20replace\x20existing\x20Tailwind\x20CSS\x20utility\x20classes\x0a4.\x20Replace\x20the\x20identified\x20parts\x20with\x20appropriate\x20daisyUI\x20components\x20and\x20class\x20names.\x20Use\x20`daisyUI-Blueprint`\x20MCP\x20server\x20>\x20`daisyUI-Snippets`\x20tool\x20to\x20receive\x20accurate\x20code\x20snippets.\x0a\x20\x204.1.\x20If\x20something\x20is\x20possible\x20with\x20daisyUI\x20alone,\x20use\x20daisyUI\x20class\x20names.\x0a\x20\x204.2.\x20If\x20something\x20is\x20possible\x20with\x20daisyUI\x20class\x20names\x20but\x20it\x20requires\x20additional\x20Tailwind\x20CSS\x20utility\x20classes\x20for\x20fine-tuning,\x20use\x20both\x20daisyUI\x20class\x20names\x20and\x20necessary\x20Tailwind\x20CSS\x20utility\x20classes.\x0a\x20\x204.3.\x20If\x20something\x20cannot\x20be\x20achieved\x20even\x20with\x20daisyUI\x20classes,\x20leave\x20it\x20as\x20is.\x0a\x20\x204.4.\x20If\x20you\x20can\x20not\x20understand\x20a\x20part,\x20leave\x20it\x20as\x20is.\x0a5.\x20Match\x20the\x20layout\x20structure\x20as\x20closely\x20as\x20possible\x0a\x0a##\x20daisyUI\x20rules\x0a\x0a-\x20If\x20you\x20need\x20to\x20customize\x20the\x20daisyUI\x20theme\x20to\x20fit\x20the\x20desired\x20colors,\x20use\x20`daisyUI\x20Blueprint`\x20MCP\x20server\x20>\x20`daisyUI-Snippets`\x20tool\x20>\x20`{themes:{custom-theme:true}}`\x20snippet\x20to\x20learn\x20about\x20daisyUI\x20themes.\x0a-\x20You\x20are\x20only\x20allowed\x20to\x20use\x20daisyUI\x20class\x20names\x20for\x20the\x20components\x20that\x20can\x20be\x20converted\x20to\x20daisyUI\x20components.\x20For\x20example\x20if\x20you\x20identify\x20a\x20button,\x20all\x20Tailwind\x20CSS\x20class\x20names\x20must\x20be\x20replaced\x20with\x20daisyUI\x20class\x20name.\x20In\x20case\x20there\x27s\x20a\x20critical\x20modification\x20needed\x20that\x20cannot\x20be\x20achieved\x20with\x20daisyUI\x20class\x20names\x20alone,\x20then\x20you\x20can\x20add\x20that\x20specific\x20Tailwind\x20CSS\x20class\x20name\x20along\x20with\x20daisyUI\x20class\x20names.\x0a-\x20Do\x20not\x20customize\x20the\x20colors\x20of\x20default\x20variants\x20of\x20daisyUI\x20components\x20unless\x20absolutely\x20necessary.\x20For\x20example\x20if\x20you\x20see\x20a\x20blue\x20primary\x20button,\x20that\x20blue\x20color\x20needs\x20to\x20be\x20configured\x20from\x20a\x20daisyUI\x20theme,\x20not\x20by\x20adding\x20Tailwind\x20CSS\x20color\x20utility\x20classes.\x0a-\x20Always\x20prefer\x20using\x20daisyUI\x20class\x20names\x20over\x20Tailwind\x20CSS\x20utility\x20classes\x20wherever\x20possible.\x0a-\x20Ideally\x20we\x20want\x2070%\x20less\x20class\x20names\x20than\x20the\x20original\x20Tailwind\x20CSS\x20code,\x20so\x20always\x20prefer\x20daisyUI\x20class\x20names\x20that\x20can\x20replace\x20multiple\x20Tailwind\x20CSS\x20utility\x20classes.\x20For\x20example\x20if\x20there\x27s\x20a\x20checkbox\x20with\x20many\x20Tailwind\x20CSS\x20class\x20names,\x20you\x20can\x20replace\x20it\x20with\x20a\x20single\x20daisyUI\x20class\x20name\x20\x22checkbox\x22.\x0a-\x20When\x20using\x20daisyUI\x20components,\x20you\x20won\x27t\x20need\x20to\x20use\x20utility\x20classes\x20for\x20hover,\x20focus,\x20active,\x20disabled\x20states\x20as\x20daisyUI\x20components\x20already\x20have\x20those\x20states\x20built-in.\x20So\x20remove\x20any\x20such\x20Tailwind\x20CSS\x20utility\x20classes.\x0a-\x20Do\x20not\x20use\x20any\x20Tailwind\x20CSS\x20colors\x20(like\x20bg-blue-500,\x20text-red-600,\x20etc)\x20to\x20customize\x20daisyUI\x20components.\x20Instead\x20use\x20daisyUI\x20themes\x20to\x20configure\x20colors.\x0a-\x20Avoid\x20using\x20different\x20colors\x20if\x20possible.\x20For\x20example\x20if\x20you\x20use\x20`primary`,\x20`secondary`,\x20etc\x20colors\x20a\x20lot,\x20the\x20UI\x20will\x20look\x20inconsistent.\x20So\x20try\x20to\x20use\x20fewer\x20colors.\x0a-\x20daisyUI\x20does\x20not\x20provide\x20utility\x20classes\x20for\x20layout,\x20spacing,\x20sizing\x20(outside\x20of\x20components),\x20so\x20you\x20can\x20continue\x20using\x20Tailwind\x20CSS\x20utility\x20classes\x20for\x20those\x20purposes\x20(like\x20padding,\x20margin,\x20width,\x20height,\x20flex,\x20grid,\x20etc).\x20You\x20won\x27t\x20need\x20them\x20for\x20the\x20daisyUI\x20components\x20though.\x20`btn-lg\x20text-lg`\x20is\x20not\x20allowed,\x20instead\x20use\x20`btn\x20btn-lg`.\x20but\x20for\x20a\x20text\x20outside\x20of\x20daisyUI\x20components,\x20`text-lg`\x20is\x20allowed.\x0a\x0a\x0a##\x20General\x20rules\x0a-\x20Never\x20ever\x20break\x20the\x20code\x20syntax\x0a-\x20If\x20you\x20are\x20asked\x20to\x20write\x20code,\x20only\x20write\x20the\x20code,\x20do\x20not\x20add\x20any\x20explanations\x20unless\x20necessary\x0a-\x20do\x20not\x20make\x20up\x20answers.\x20For\x20code,\x20always\x20search\x20the\x20docs\x20and\x20write\x20code\x20based\x20on\x20that\x0a\x0a##\x20Writing\x20code\x0a\x0a-\x20Do\x20not\x20guess,\x20do\x20not\x20hallucinate,\x20write\x20code\x20based\x20on\x20the\x20information\x20and\x20facts\x20you\x20have,\x20if\x20you\x20don\x27t\x20have\x20enough\x20information,\x20ask\x20for\x20more\x20information\x0a-\x20Be\x20careful\x20about\x20the\x20syntax,\x20always\x20double\x20check\x20it\x0a-\x20Do\x20not\x20randomly\x20change\x20indentation,\x20formatting,\x20or\x20style\x20of\x20existing\x20code\x20unless\x20asked\x0a-\x20If\x20you\x27re\x20asked\x20to\x20refactor\x20code,\x20make\x20sure\x20to\x20keep\x20the\x20same\x20functionality\x20and\x20behavior\x0a\x0a##\x20HTML\x0a\x0a-\x20Only\x20edit\x20the\x20parts\x20that\x20need\x20conversion\x20to\x20daisyUI\x20components.\x20Leave\x20other\x20parts\x20unchanged.\x0a-\x20When\x20writing\x20HTML,\x20ensure\x20semantic\x20tags\x20are\x20used\x20appropriately\x0a-\x20Ensure\x20proper\x20indentation\x20and\x20formatting\x20for\x20readability\x0a\x0a##\x20CSS\x20class\x20names\x0a\x0a-\x20For\x20components,\x20you\x20are\x20only\x20allowed\x20to\x20use\x20daisyUI\x20class\x20names.\x0a-\x20If\x20you\x20need\x20to\x20customize\x20a\x20component,\x20use\x20daisyUI\x20class\x20names\x20to\x20customize\x20it.\x20For\x20example\x20to\x20make\x20a\x20\x22btn\x22\x20larger,\x20use\x20\x22btn\x20btn-lg\x22\x20class\x20names.\x0a-\x20If\x20daisyUI\x20class\x20names\x20are\x20not\x20enough\x20to\x20fine-tune\x20a\x20daisyUI\x20component\x20only\x20then\x20you\x20are\x20allowed\x20to\x20use\x20Tailwind\x20CSS\x20utility\x20classes\x20for\x20that\x20specific\x20purpose.\x0a-\x20For\x20layouts,\x20use\x20Tailwind\x20CSS\x20utility\x20classes\x20like\x20\x22flex\x22,\x20\x22grid\x22,\x20\x22p-4\x22,\x20\x22m-2\x22,\x20etc\x20but\x20do\x20not\x20overuse\x20them.\x0a-\x20If\x20width\x20and\x20height\x20are\x20same,\x20use\x20\x22size-{value}\x22\x20class\x20name\x20instead\x20of\x20\x22w-{value}\x20h-{value}\x22.\x20For\x20example\x20use\x20\x22size-12\x22\x20instead\x20of\x20\x22w-12\x20h-12\x22.\x0a','apply','339256LSkPTK','toString','985272uOxvQo','2pWPaGA','2198724vBikrN','(((.+)+)+)+$','110LMJWhm'];z=function(){return i;};return z();}const c=B;(function(N,F){const a=B,f=N();while(!![]){try{const y=-parseInt(a(0x10e))/0x1+-parseInt(a(0x114))/0x2*(-parseInt(a(0x109))/0x3)+parseInt(a(0x113))/0x4+parseInt(a(0x108))/0x5+-parseInt(a(0x115))/0x6+parseInt(a(0x10a))/0x7*(parseInt(a(0x111))/0x8)+-parseInt(a(0x10b))/0x9*(parseInt(a(0x107))/0xa);if(y===F)break;else f['push'](f['shift']());}catch(x){f['push'](f['shift']());}}}(z,0xe9a83));const j=(function(){let N=!![];return function(F,f){const y=N?function(){const I=B;if(f){const x=f[I(0x110)](F,arguments);return f=null,x;}}:function(){};return N=![],y;};}()),b=j(this,function(){const K=B;return b[K(0x112)]()[K(0x10c)](K(0x106))[K(0x112)]()['constructor'](b)[K(0x10c)](K(0x106));});b();function B(b,j){b=b-0x106;const N=z();let F=N[b];return F;}export const PROMPTS={'Bootstrap\x20to\x20daisyUI':c(0x10d),'Picture\x20to\x20Theme':'---\x0atitle:\x20Create\x20a\x20daisyUI\x20theme\x20from\x20an\x20image\x27s\x20color\x20palette\x0a#\x20description:\x20Analyze\x20an\x20image\x20and\x20generate\x20a\x20daisyUI\x20theme\x20based\x20on\x20its\x20color\x20palette\x0a---\x0a\x0aYou\x20are\x20analyzing\x20an\x20image\x20to\x20extract\x20its\x20color\x20palette\x20and\x20create\x20a\x20matching\x20daisyUI\x20theme.\x20\x20\x0aDetect\x20the\x20dominant\x20colors\x20in\x20the\x20image\x20and\x20map\x20them\x20into\x20a\x20daisyUI\x20custom\x20theme.\x0a\x0aA\x20custom\x20daisyUI\x20theme\x20can\x20be\x20defined\x20in\x20the\x20CSS\x20file\x20using\x20the\x20`@plugin\x20\x22daisyui/theme\x22`\x20directive.\x20Below\x20is\x20an\x20example\x20of\x20how\x20to\x20create\x20a\x20custom\x20theme\x20with\x20specific\x20colors\x20and\x20settings.\x0a\x0a##\x20Example\x20of\x20daisyUI\x20custom\x20theme\x20with\x20custom\x20colors\x0aA\x20CSS\x20file\x20with\x20Tailwind\x20CSS,\x20daisyUI\x20and\x20a\x20custom\x20daisyUI\x20theme\x20looks\x20like\x20this:\x0a```css\x0a@import\x20\x22tailwindcss\x22;\x0a@plugin\x20\x22daisyui\x22;\x0a@plugin\x20\x22daisyui/theme\x22\x20{\x0a\x20\x20name:\x20\x22mytheme\x22;\x0a\x20\x20default:\x20true;\x20/*\x20set\x20as\x20default\x20*/\x0a\x20\x20prefersdark:\x20false;\x20/*\x20set\x20as\x20default\x20dark\x20mode\x20(prefers-color-scheme:dark)\x20*/\x0a\x20\x20color-scheme:\x20light;\x20/*\x20color\x20of\x20browser-provided\x20UI\x20*/\x0a\x0a\x20\x20--color-base-100:\x20oklch(98%\x200.02\x20240);\x0a\x20\x20--color-base-200:\x20oklch(95%\x200.03\x20240);\x0a\x20\x20--color-base-300:\x20oklch(92%\x200.04\x20240);\x0a\x20\x20--color-base-content:\x20oklch(20%\x200.05\x20240);\x0a\x20\x20--color-primary:\x20oklch(55%\x200.3\x20240);\x0a\x20\x20--color-primary-content:\x20oklch(98%\x200.01\x20240);\x0a\x20\x20--color-secondary:\x20oklch(70%\x200.25\x20200);\x0a\x20\x20--color-secondary-content:\x20oklch(98%\x200.01\x20200);\x0a\x20\x20--color-accent:\x20oklch(65%\x200.25\x20160);\x0a\x20\x20--color-accent-content:\x20oklch(98%\x200.01\x20160);\x0a\x20\x20--color-neutral:\x20oklch(50%\x200.05\x20240);\x0a\x20\x20--color-neutral-content:\x20oklch(98%\x200.01\x20240);\x0a\x20\x20--color-info:\x20oklch(70%\x200.2\x20220);\x0a\x20\x20--color-info-content:\x20oklch(98%\x200.01\x20220);\x0a\x20\x20--color-success:\x20oklch(65%\x200.25\x20140);\x0a\x20\x20--color-success-content:\x20oklch(98%\x200.01\x20140);\x0a\x20\x20--color-warning:\x20oklch(80%\x200.25\x2080);\x0a\x20\x20--color-warning-content:\x20oklch(20%\x200.05\x2080);\x0a\x20\x20--color-error:\x20oklch(65%\x200.3\x2030);\x0a\x20\x20--color-error-content:\x20oklch(98%\x200.01\x2030);\x0a\x0a\x20\x20--radius-selector:\x201rem;\x20/*\x20border\x20radius\x20of\x20selectors\x20(checkbox,\x20toggle,\x20badge)\x20*/\x0a\x20\x20--radius-field:\x200.25rem;\x20/*\x20border\x20radius\x20of\x20fields\x20(button,\x20input,\x20select,\x20tab)\x20*/\x0a\x20\x20--radius-box:\x200.5rem;\x20/*\x20border\x20radius\x20of\x20boxes\x20(card,\x20modal,\x20alert)\x20*/\x0a\x20\x20/*\x20preferred\x20values\x20for\x20--radius-*\x20:\x200rem,\x200.25rem,\x200.5rem,\x201rem,\x202rem\x20*/\x0a\x0a\x20\x20--size-selector:\x200.25rem;\x20/*\x20base\x20size\x20of\x20selectors\x20(checkbox,\x20toggle,\x20badge).\x20Value\x20must\x20be\x200.25rem\x20unless\x20we\x20intentionally\x20want\x20bigger\x20selectors.\x20In\x20so\x20it\x20can\x20be\x200.28125\x20or\x200.3125.\x20If\x20we\x20intentionally\x20want\x20smaller\x20selectors,\x20it\x20can\x20be\x200.21875\x20or\x200.1875\x20*/\x0a\x20\x20--size-field:\x200.25rem;\x20/*\x20base\x20size\x20of\x20fields\x20(button,\x20input,\x20select,\x20tab).\x20Value\x20must\x20be\x200.25rem\x20unless\x20we\x20intentionally\x20want\x20bigger\x20fields.\x20In\x20so\x20it\x20can\x20be\x200.28125\x20or\x200.3125.\x20If\x20we\x20intentionally\x20want\x20smaller\x20fields,\x20it\x20can\x20be\x200.21875\x20or\x200.1875\x20*/\x0a\x0a\x20\x20--border:\x201px;\x20/*\x20border\x20size.\x20Value\x20must\x20be\x201px\x20unless\x20we\x20intentionally\x20want\x20thicker\x20borders.\x20In\x20so\x20it\x20can\x20be\x201.5px\x20or\x202px.\x20If\x20we\x20intentionally\x20want\x20thinner\x20borders,\x20it\x20can\x20be\x200.5px\x20*/\x0a\x0a\x20\x20--depth:\x201;\x20/*\x20only\x200\x20or\x201\x20–\x20Adds\x20a\x20shadow\x20and\x20subtle\x203D\x20depth\x20effect\x20to\x20components\x20*/\x0a\x20\x20--noise:\x200;\x20/*\x20only\x200\x20or\x201\x20-\x20Adds\x20a\x20subtle\x20noise\x20(grain)\x20effect\x20to\x20components\x20*/\x0a}\x0a```\x0a##\x20Rules\x0a-\x20All\x20CSS\x20variables\x20above\x20are\x20required\x0a-\x20Colors\x20can\x20be\x20OKLCH\x20or\x20hex\x20or\x20other\x20formats\x0a-\x20If\x20you\x27re\x20generating\x20a\x20custom\x20theme,\x20do\x20not\x20include\x20the\x20comments\x20from\x20the\x20example\x20above.\x20Just\x20provide\x20the\x20code.\x0a\x0a##\x20How\x20to\x20map\x20colors:\x0a\x0a-\x20Based\x20on\x20the\x20image\x20overall\x20tone\x20decide\x20if\x20the\x20theme\x20should\x20be\x20light\x20or\x20dark.\x0a-\x20Set\x20`--color-base-100`,\x20`--color-base-200`,\x20and\x20`--color-base-300`\x20to\x20the\x20lightest\x20OR\x20darkest\x20colors\x20from\x20the\x20image\x20depending\x20on\x20whether\x20the\x20theme\x20is\x20light\x20or\x20dark.\x0a-\x20Set\x20`--color-base-content`\x20to\x20a\x20contrasting\x20color\x20to\x20ensure\x20readability\x20against\x20the\x20base\x20colors\x0a-\x20Choose\x20a\x20dominant\x20color\x20from\x20the\x20image\x20for\x20`--color-primary`\x20and\x20ensure\x20`--color-primary-content`\x20contrasts\x20well\x20with\x20it.\x0a-\x20Select\x20a\x20secondary\x20color\x20from\x20the\x20image\x20for\x20`--color-secondary`\x20and\x20set\x20`--color-secondary-content`\x20to\x20a\x20contrasting\x20color.\x0a-\x20Pick\x20an\x20accent\x20color\x20from\x20the\x20image\x20for\x20`--color-accent`\x20and\x20ensure\x20`--color-accent-content`\x20contrasts\x20well\x20with\x20it.\x0a-\x20For\x20`--color-neutral`,\x20choose\x20a\x20neutral,\x20unsaturated\x20color\x20from\x20the\x20image\x20and\x20set\x20`--color-neutral-content`\x20to\x20contrast\x20with\x20it.\x0a-\x20`--color-info`\x20must\x20be\x20preferably\x20a\x20blueish\x20color\x20from\x20the\x20image,\x20with\x20`--color-info-content`\x20contrasting\x20it.\x20If\x20no\x20blueish\x20color\x20is\x20present,\x20use\x20a\x20tone\x20of\x20blue\x20that\x20fits\x20well\x20with\x20the\x20image\x20palette.\x0a-\x20`--color-success`\x20should\x20be\x20a\x20greenish\x20color\x20from\x20the\x20image,\x20with\x20`--color-success-content`\x20contrasting\x20it.\x20If\x20no\x20greenish\x20color\x20is\x20present,\x20use\x20a\x20tone\x20of\x20green\x20that\x20fits\x20well\x20with\x20the\x20image\x20palette.\x0a-\x20`--color-warning`\x20must\x20be\x20a\x20yellowish\x20or\x20orangeish\x20color\x20from\x20the\x20image,\x20with\x20`--color-warning-content`\x20contrasting\x20it.\x20If\x20no\x20yellowish\x20or\x20orangeish\x20color\x20is\x20present,\x20use\x20a\x20tone\x20of\x20yellow\x20or\x20orange\x20that\x20fits\x20well\x20with\x20the\x20image\x20palette.\x0a-\x20`--color-error`\x20should\x20be\x20a\x20reddish\x20color\x20from\x20the\x20image,\x20with\x20`--color-error-content`\x20contrasting\x20it.\x20If\x20no\x20reddish\x20color\x20is\x20present,\x20use\x20a\x20tone\x20of\x20red\x20that\x20fits\x20well\x20with\x20the\x20image\x20palette.\x0a-\x20For\x20border\x20radius,\x20sizes,\x20depth,\x20and\x20noise\x20settings,\x20use\x20the\x20following\x20defaults\x20unless\x20the\x20image\x20suggests\x20a\x20different\x20style:\x0a\x20\x20-\x20`--radius-selector`:\x200.25rem\x0a\x20\x20-\x20`--radius-field`:\x200.25rem\x0a\x20\x20-\x20`--radius-box`:\x200.5rem\x0a\x20\x20-\x20`--size-selector`:\x200.25rem\x0a\x20\x20-\x20`--size-field`:\x200.25rem\x0a\x20\x20-\x20`--border`:\x201px\x0a\x20\x20-\x20`--depth`:\x201\x0a\x20\x20-\x20`--noise`:\x201\x0a\x0a','Screenshot\x20to\x20daisyUI':'---\x0atitle:\x20Create\x20daisyUI\x20code\x20based\x20on\x20a\x20screenshot\x0a#\x20description:\x20Analyze\x20a\x20UI\x20screenshot\x20and\x20recreate\x20it\x20using\x20daisyUI\x20components\x0a---\x0a\x0aYou\x20are\x20analyzing\x20a\x20UI\x20screenshot\x20to\x20recreate\x20it\x20using\x20daisyUI\x20components.\x20\x20\x0aFollow\x20below\x20steps\x20strictly.\x20If\x20you\x20miss\x20any\x20step,\x20your\x20code\x20will\x20be\x20rejected.\x0a\x0a##\x20Step\x20By\x20Step\x20Instructions:\x0a1.\x20Carefully\x20examine\x20the\x20screenshot\x20provided\x0a2.\x20Identify\x20all\x20UI\x20sections\x20and\x20layout\x20structure\x20(navbars,\x20footers,\x20sidebars,\x20content\x20areas,\x20etc.)\x20with\x20all\x20their\x20details\x0a3.\x20Identify\x20and\x20list\x20down\x20all\x20UI\x20components\x20(buttons,\x20cards,\x20forms,\x20navigation,\x20etc.)\x20in\x20each\x20UI\x20section\x0a4.\x20Recreate\x20the\x20sections\x20one\x20by\x20one\x20using\x20appropriate\x20daisyUI\x20components.\x20Use\x20\x22daisyUI\x20Blueprint\x20MCP\x20server\x22\x20to\x20receive\x20accurate\x20code\x20snippets.\x20Use\x20Tailwind\x20CSS\x20utility\x20classes\x20ONLY\x20IF\x20NECESSARY,\x20otherwise\x20rely\x20solely\x20on\x20daisyUI\x20components.\x0a5.\x20Match\x20the\x20layout\x20structure\x20as\x20closely\x20as\x20possible\x0a6.\x20Validation\x20loop:\x0a\x20\x206.1.\x20After\x20generating\x20the\x20HTML,\x20compare\x20the\x20output\x20with\x20the\x20original\x20screenshot\x20to\x20ensure\x20accuracy.\x0a\x20\x206.2.\x20Make\x20adjustments\x20as\x20needed\x20to\x20improve\x20fidelity.\x0a\x20\x206.3.\x20Repeat\x20the\x20validation\x20loop\x20until\x20the\x20output\x20closely\x20matches\x20the\x20screenshot.\x0a\x0a##\x20General\x20rules\x0a\x0a-\x20Never\x20ever\x20break\x20the\x20code\x20syntax\x0a-\x20If\x20you\x20are\x20asked\x20to\x20write\x20code,\x20only\x20write\x20the\x20code,\x20do\x20not\x20add\x20any\x20explanations\x20unless\x20necessary\x0a-\x20do\x20not\x20make\x20up\x20answers.\x20For\x20code,\x20always\x20search\x20the\x20docs\x20and\x20write\x20code\x20based\x20on\x20that\x0a-\x20If\x20you\x27re\x20not\x20sure\x20about\x20the\x20syntax\x20Use\x20Context7\x20MCP\x20server\x0a\x0a##\x20Finding\x20information\x0a\x0a-\x20Use\x20Context7\x20MCP\x20server\x20to\x20find\x20information\x20about\x20packages,\x20libraries,\x20and\x20languages.\x20Context7\x20MCP\x20server\x20provides\x20up-to-date\x20and\x20accurate\x20information\x0a-\x20Search\x20official\x20documentation\x20if\x20needed\x0a-\x20You\x20can\x20search\x20into\x20related\x20files\x20to\x20find\x20patterns\x20and\x20examples\x0a-\x20For\x20writing\x20daisyUI\x20code,\x20use\x20.github/instructions/daisyui.instructions.md\x20file\x20as\x20reference\x0a\x0a##\x20Writing\x20code\x0a\x0a-\x20Do\x20not\x20guess,\x20do\x20not\x20hallucinate,\x20write\x20code\x20based\x20on\x20the\x20information\x20and\x20facts\x20you\x20have,\x20if\x20you\x20don\x27t\x20have\x20enough\x20information,\x20ask\x20for\x20more\x20information\x0a-\x20Be\x20careful\x20about\x20the\x20syntax,\x20always\x20double\x20check\x20it\x0a-\x20If\x20you\x27re\x20asked\x20to\x20fix\x20a\x20specific\x20issue,\x20only\x20fix\x20that\x20issue,\x20do\x20not\x20change\x20anything\x20else\x20unless\x20necessary\x0a-\x20Do\x20not\x20randomly\x20change\x20indentation,\x20formatting,\x20or\x20style\x20of\x20existing\x20code\x20unless\x20asked\x0a-\x20If\x20you\x27re\x20asked\x20to\x20refactor\x20code,\x20make\x20sure\x20to\x20keep\x20the\x20same\x20functionality\x20and\x20behavior\x0a-\x20Latest\x20features\x20of\x20the\x20languages\x20and\x20libraries\x20are\x20preferred\x0a\x0a##\x20Security\x0a\x0a-\x20Never\x20ever\x20delete\x20files\x20before\x20asking\x0a-\x20Never\x20run\x20dangerous\x20commands\x20like\x20rm\x20-rf,\x20etc\x20before\x20asking\x0a-\x20Do\x20not\x20include\x20any\x20sensitive\x20information\x20such\x20as\x20API\x20keys,\x20passwords,\x20or\x20personal\x20data\x20in\x20the\x20code\x0a\x0a##\x20HTML\x0a\x0a-\x20When\x20writing\x20HTML,\x20ensure\x20semantic\x20tags\x20are\x20used\x20appropriately\x0a-\x20Ensure\x20proper\x20indentation\x20and\x20formatting\x20for\x20readability\x0a-\x20Prioritize\x20accessibility\x20by\x20using\x20ARIA\x20roles\x20and\x20properties\x20where\x20necessary\x0a-\x20If\x20you\x20identify\x20an\x20interactive\x20part\x20like\x20a\x20dropdown\x20button\x20or\x20modal,\x20add\x20a\x20daisyUI\x20dropdown\x20(focus\x20method)\x20or\x20modal\x20(dialog\x20element)\x20respectively\x0a\x0a##\x20CSS\x20class\x20names\x0a\x0a-\x20For\x20components,\x20you\x20are\x20only\x20allowed\x20to\x20use\x20daisyUI\x20class\x20names.\x0a-\x20If\x20you\x20need\x20to\x20customize\x20a\x20component,\x20use\x20daisyUI\x20class\x20names\x20to\x20customize\x20it.\x20For\x20example\x20to\x20make\x20a\x20\x22btn\x22\x20larger,\x20use\x20\x22btn\x20btn-lg\x22\x20class\x20names.\x0a-\x20If\x20daisyUI\x20class\x20names\x20are\x20not\x20enough\x20to\x20fine-tune\x20a\x20daisyUI\x20component\x20only\x20then\x20you\x20are\x20allowed\x20to\x20use\x20Tailwind\x20CSS\x20utility\x20classes\x20for\x20that\x20specific\x20purpose.\x0a-\x20For\x20layouts,\x20use\x20Tailwind\x20CSS\x20utility\x20classes\x20like\x20\x22flex\x22,\x20\x22grid\x22,\x20\x22p-4\x22,\x20\x22m-2\x22,\x20etc\x20but\x20do\x20not\x20overuse\x20them.\x0a-\x20If\x20width\x20and\x20height\x20are\x20same,\x20use\x20\x22size-{value}\x22\x20class\x20name\x20instead\x20of\x20\x22w-{value}\x20h-{value}\x22.\x20For\x20example\x20use\x20\x22size-12\x22\x20instead\x20of\x20\x22w-12\x20h-12\x22.\x0a\x0a##\x20Icons\x0a\x0a-\x20If\x20no\x20icon\x20library\x20is\x20included,\x20use\x20\x22iconify-icon\x22\x20Web\x20Component\x20to\x20add\x20icons.\x20\x0a\x20\x20-\x20CDN\x20script\x20for\x20Iconify\x20Web\x20Component\x20is\x20<script\x20src=\x22https://cdn.jsdelivr.net/npm/iconify-icon@3.0.0/dist/iconify-icon.min.js\x22></script>\x0a\x20\x20-\x20do\x20not\x20use\x20self-closing\x20tag\x20like\x20\x22<iconify-icon\x20...\x20/>\x22,\x20always\x20use\x20\x22<iconify-icon\x20...></iconify-icon>\x22\x0a\x20\x20-\x20To\x20see\x20list\x20of\x20available\x20icon\x20sets\x20in\x20Iconify,\x20visit\x20https://raw.githubusercontent.com/iconify/icon-sets/refs/heads/master/collections.md\x0a\x20\x20-\x20To\x20find\x20an\x20icon,\x20use\x20https://icon-sets.iconify.design/\x0a\x0a##\x20Avatars\x0a\x0aFor\x20avatars\x20images,\x20use\x20use\x20randomuser.me\x20API\x20for\x20example\x20\x22https://randomuser.me/api/portraits/women/44.jpg\x22\x0a\x0a##\x20Comments\x0a\x0a-\x20Use\x20HTML\x20comment\x20to\x20separate\x20different\x20sections\x20of\x20code.\x20For\x20example:\x0a\x0a\x20\x20<!--\x20Header\x20Section\x20-->\x0a\x20\x20<header>...</header>\x0a\x0a\x20\x20<!--\x20Main\x20Content\x20Section\x20-->\x0a\x20\x20<main>...</main>\x0a\x0a\x20\x20<!--\x20Footer\x20Section\x20-->\x0a\x20\x20<footer>...</footer>\x0a\x0a\x0aGenerate\x20clean,\x20well-structured\x20HTML\x20code\x20that\x20faithfully\x20reproduces\x20the\x20design\x20from\x20the\x20screenshot.\x0a','Tailwind\x20to\x20daisyUI':c(0x10f)};
|
|
1
|
+
const X=c;(function(r,K){const T=c,Y=r();while(!![]){try{const h=parseInt(T(0x15c))/0x1*(parseInt(T(0x158))/0x2)+-parseInt(T(0x15e))/0x3*(parseInt(T(0x152))/0x4)+parseInt(T(0x157))/0x5+parseInt(T(0x153))/0x6*(parseInt(T(0x161))/0x7)+-parseInt(T(0x163))/0x8+-parseInt(T(0x162))/0x9+parseInt(T(0x164))/0xa*(parseInt(T(0x155))/0xb);if(h===K)break;else Y['push'](Y['shift']());}catch(N){Y['push'](Y['shift']());}}}(U,0x9b6d7));const H=(function(){let r=!![];return function(K,Y){const h=r?function(){const Z=c;if(Y){const N=Y[Z(0x15f)](K,arguments);return Y=null,N;}}:function(){};return r=![],h;};}()),u=H(this,function(){const k=c;return u[k(0x154)]()[k(0x15d)](k(0x151))[k(0x154)]()[k(0x156)](u)[k(0x15d)](k(0x151));});function c(u,H){u=u-0x151;const r=U();let K=r[u];return K;}u();export const PROMPTS={'Bootstrap\x20to\x20daisyUI':X(0x15a),'Picture\x20to\x20Theme':X(0x159),'Screenshot\x20to\x20daisyUI':X(0x15b),'Tailwind\x20to\x20daisyUI':X(0x160)};function U(){const O=['constructor','5060560AhrVUM','110OeQTdE','---\x0atitle:\x20Create\x20a\x20daisyUI\x20theme\x20from\x20an\x20image\x27s\x20color\x20palette\x0a#\x20description:\x20Analyze\x20an\x20image\x20and\x20generate\x20a\x20daisyUI\x20theme\x20based\x20on\x20its\x20color\x20palette\x0a---\x0a\x0aYou\x20are\x20analyzing\x20an\x20image\x20to\x20extract\x20its\x20color\x20palette\x20and\x20create\x20a\x20matching\x20daisyUI\x20theme.\x20\x20\x0aDetect\x20the\x20dominant\x20colors\x20in\x20the\x20image\x20and\x20map\x20them\x20into\x20a\x20daisyUI\x20custom\x20theme.\x0a\x0aA\x20custom\x20daisyUI\x20theme\x20can\x20be\x20defined\x20in\x20the\x20CSS\x20file\x20using\x20the\x20`@plugin\x20\x22daisyui/theme\x22`\x20directive.\x20Below\x20is\x20an\x20example\x20of\x20how\x20to\x20create\x20a\x20custom\x20theme\x20with\x20specific\x20colors\x20and\x20settings.\x0a\x0a##\x20Example\x20of\x20daisyUI\x20custom\x20theme\x20with\x20custom\x20colors\x0aA\x20CSS\x20file\x20with\x20Tailwind\x20CSS,\x20daisyUI\x20and\x20a\x20custom\x20daisyUI\x20theme\x20looks\x20like\x20this:\x0a```css\x0a@import\x20\x22tailwindcss\x22;\x0a@plugin\x20\x22daisyui\x22;\x0a@plugin\x20\x22daisyui/theme\x22\x20{\x0a\x20\x20name:\x20\x22mytheme\x22;\x0a\x20\x20default:\x20true;\x20/*\x20set\x20as\x20default\x20*/\x0a\x20\x20prefersdark:\x20false;\x20/*\x20set\x20as\x20default\x20dark\x20mode\x20(prefers-color-scheme:dark)\x20*/\x0a\x20\x20color-scheme:\x20light;\x20/*\x20color\x20of\x20browser-provided\x20UI\x20*/\x0a\x0a\x20\x20--color-base-100:\x20oklch(98%\x200.02\x20240);\x0a\x20\x20--color-base-200:\x20oklch(95%\x200.03\x20240);\x0a\x20\x20--color-base-300:\x20oklch(92%\x200.04\x20240);\x0a\x20\x20--color-base-content:\x20oklch(20%\x200.05\x20240);\x0a\x20\x20--color-primary:\x20oklch(55%\x200.3\x20240);\x0a\x20\x20--color-primary-content:\x20oklch(98%\x200.01\x20240);\x0a\x20\x20--color-secondary:\x20oklch(70%\x200.25\x20200);\x0a\x20\x20--color-secondary-content:\x20oklch(98%\x200.01\x20200);\x0a\x20\x20--color-accent:\x20oklch(65%\x200.25\x20160);\x0a\x20\x20--color-accent-content:\x20oklch(98%\x200.01\x20160);\x0a\x20\x20--color-neutral:\x20oklch(50%\x200.05\x20240);\x0a\x20\x20--color-neutral-content:\x20oklch(98%\x200.01\x20240);\x0a\x20\x20--color-info:\x20oklch(70%\x200.2\x20220);\x0a\x20\x20--color-info-content:\x20oklch(98%\x200.01\x20220);\x0a\x20\x20--color-success:\x20oklch(65%\x200.25\x20140);\x0a\x20\x20--color-success-content:\x20oklch(98%\x200.01\x20140);\x0a\x20\x20--color-warning:\x20oklch(80%\x200.25\x2080);\x0a\x20\x20--color-warning-content:\x20oklch(20%\x200.05\x2080);\x0a\x20\x20--color-error:\x20oklch(65%\x200.3\x2030);\x0a\x20\x20--color-error-content:\x20oklch(98%\x200.01\x2030);\x0a\x0a\x20\x20--radius-selector:\x201rem;\x20/*\x20border\x20radius\x20of\x20selectors\x20(checkbox,\x20toggle,\x20badge)\x20*/\x0a\x20\x20--radius-field:\x200.25rem;\x20/*\x20border\x20radius\x20of\x20fields\x20(button,\x20input,\x20select,\x20tab)\x20*/\x0a\x20\x20--radius-box:\x200.5rem;\x20/*\x20border\x20radius\x20of\x20boxes\x20(card,\x20modal,\x20alert)\x20*/\x0a\x20\x20/*\x20preferred\x20values\x20for\x20--radius-*\x20:\x200rem,\x200.25rem,\x200.5rem,\x201rem,\x202rem\x20*/\x0a\x0a\x20\x20--size-selector:\x200.25rem;\x20/*\x20base\x20size\x20of\x20selectors\x20(checkbox,\x20toggle,\x20badge).\x20Value\x20must\x20be\x200.25rem\x20unless\x20we\x20intentionally\x20want\x20bigger\x20selectors.\x20In\x20so\x20it\x20can\x20be\x200.28125\x20or\x200.3125.\x20If\x20we\x20intentionally\x20want\x20smaller\x20selectors,\x20it\x20can\x20be\x200.21875\x20or\x200.1875\x20*/\x0a\x20\x20--size-field:\x200.25rem;\x20/*\x20base\x20size\x20of\x20fields\x20(button,\x20input,\x20select,\x20tab).\x20Value\x20must\x20be\x200.25rem\x20unless\x20we\x20intentionally\x20want\x20bigger\x20fields.\x20In\x20so\x20it\x20can\x20be\x200.28125\x20or\x200.3125.\x20If\x20we\x20intentionally\x20want\x20smaller\x20fields,\x20it\x20can\x20be\x200.21875\x20or\x200.1875\x20*/\x0a\x0a\x20\x20--border:\x201px;\x20/*\x20border\x20size.\x20Value\x20must\x20be\x201px\x20unless\x20we\x20intentionally\x20want\x20thicker\x20borders.\x20In\x20so\x20it\x20can\x20be\x201.5px\x20or\x202px.\x20If\x20we\x20intentionally\x20want\x20thinner\x20borders,\x20it\x20can\x20be\x200.5px\x20*/\x0a\x0a\x20\x20--depth:\x201;\x20/*\x20only\x200\x20or\x201\x20–\x20Adds\x20a\x20shadow\x20and\x20subtle\x203D\x20depth\x20effect\x20to\x20components\x20*/\x0a\x20\x20--noise:\x200;\x20/*\x20only\x200\x20or\x201\x20-\x20Adds\x20a\x20subtle\x20noise\x20(grain)\x20effect\x20to\x20components\x20*/\x0a}\x0a```\x0a##\x20Rules\x0a-\x20All\x20CSS\x20variables\x20above\x20are\x20required\x0a-\x20Colors\x20can\x20be\x20OKLCH\x20or\x20hex\x20or\x20other\x20formats\x0a-\x20If\x20you\x27re\x20generating\x20a\x20custom\x20theme,\x20do\x20not\x20include\x20the\x20comments\x20from\x20the\x20example\x20above.\x20Just\x20provide\x20the\x20code.\x0a\x0a##\x20How\x20to\x20map\x20colors:\x0a\x0a-\x20Based\x20on\x20the\x20image\x20overall\x20tone\x20decide\x20if\x20the\x20theme\x20should\x20be\x20light\x20or\x20dark.\x0a-\x20Set\x20`--color-base-100`,\x20`--color-base-200`,\x20and\x20`--color-base-300`\x20to\x20the\x20lightest\x20OR\x20darkest\x20colors\x20from\x20the\x20image\x20depending\x20on\x20whether\x20the\x20theme\x20is\x20light\x20or\x20dark.\x0a-\x20Set\x20`--color-base-content`\x20to\x20a\x20contrasting\x20color\x20to\x20ensure\x20readability\x20against\x20the\x20base\x20colors\x0a-\x20Choose\x20a\x20dominant\x20color\x20from\x20the\x20image\x20for\x20`--color-primary`\x20and\x20ensure\x20`--color-primary-content`\x20contrasts\x20well\x20with\x20it.\x0a-\x20Select\x20a\x20secondary\x20color\x20from\x20the\x20image\x20for\x20`--color-secondary`\x20and\x20set\x20`--color-secondary-content`\x20to\x20a\x20contrasting\x20color.\x0a-\x20Pick\x20an\x20accent\x20color\x20from\x20the\x20image\x20for\x20`--color-accent`\x20and\x20ensure\x20`--color-accent-content`\x20contrasts\x20well\x20with\x20it.\x0a-\x20For\x20`--color-neutral`,\x20choose\x20a\x20neutral,\x20unsaturated\x20color\x20from\x20the\x20image\x20and\x20set\x20`--color-neutral-content`\x20to\x20contrast\x20with\x20it.\x0a-\x20`--color-info`\x20must\x20be\x20preferably\x20a\x20blueish\x20color\x20from\x20the\x20image,\x20with\x20`--color-info-content`\x20contrasting\x20it.\x20If\x20no\x20blueish\x20color\x20is\x20present,\x20use\x20a\x20tone\x20of\x20blue\x20that\x20fits\x20well\x20with\x20the\x20image\x20palette.\x0a-\x20`--color-success`\x20should\x20be\x20a\x20greenish\x20color\x20from\x20the\x20image,\x20with\x20`--color-success-content`\x20contrasting\x20it.\x20If\x20no\x20greenish\x20color\x20is\x20present,\x20use\x20a\x20tone\x20of\x20green\x20that\x20fits\x20well\x20with\x20the\x20image\x20palette.\x0a-\x20`--color-warning`\x20must\x20be\x20a\x20yellowish\x20or\x20orangeish\x20color\x20from\x20the\x20image,\x20with\x20`--color-warning-content`\x20contrasting\x20it.\x20If\x20no\x20yellowish\x20or\x20orangeish\x20color\x20is\x20present,\x20use\x20a\x20tone\x20of\x20yellow\x20or\x20orange\x20that\x20fits\x20well\x20with\x20the\x20image\x20palette.\x0a-\x20`--color-error`\x20should\x20be\x20a\x20reddish\x20color\x20from\x20the\x20image,\x20with\x20`--color-error-content`\x20contrasting\x20it.\x20If\x20no\x20reddish\x20color\x20is\x20present,\x20use\x20a\x20tone\x20of\x20red\x20that\x20fits\x20well\x20with\x20the\x20image\x20palette.\x0a-\x20For\x20border\x20radius,\x20sizes,\x20depth,\x20and\x20noise\x20settings,\x20use\x20the\x20following\x20defaults\x20unless\x20the\x20image\x20suggests\x20a\x20different\x20style:\x0a\x20\x20-\x20`--radius-selector`:\x200.25rem\x0a\x20\x20-\x20`--radius-field`:\x200.25rem\x0a\x20\x20-\x20`--radius-box`:\x200.5rem\x0a\x20\x20-\x20`--size-selector`:\x200.25rem\x0a\x20\x20-\x20`--size-field`:\x200.25rem\x0a\x20\x20-\x20`--border`:\x201px\x0a\x20\x20-\x20`--depth`:\x201\x0a\x20\x20-\x20`--noise`:\x201\x0a\x0a','---\x0atitle:\x20Convert\x20Bootstrap\x20code\x20to\x20DaisyUI\x0a#\x20description:\x20Find\x20parts\x20of\x20Bootstrap\x20code\x20that\x20can\x20be\x20converted\x20to\x20daisyUI\x20components\x20and\x20convert\x20them\x20accordingly.\x0a---\x0a\x0aYou\x20are\x20analyzing\x20a\x20code\x20that\x20is\x20written\x20using\x20Bootstrap\x20classes\x20to\x20identify\x20parts\x20that\x20can\x20be\x20converted\x20to\x20daisyUI\x20components\x20(or\x20Tailwind\x20CSS\x20utility\x20classes\x20if\x20necessary)\x20and\x20convert\x20them\x20accordingly.\x0aFollow\x20below\x20steps\x20strictly.\x20If\x20you\x20miss\x20any\x20step,\x20your\x20code\x20will\x20be\x20rejected.\x0a\x0a##\x20Step\x20By\x20Step\x20Instructions:\x0a1.\x20Carefully\x20examine\x20the\x20code\x20and\x20all\x20Bootstrap\x20classes\x20used\x0a2.\x20Identify\x20all\x20elements\x20that\x20can\x20be\x20converted\x20to\x20daisyUI\x20components\x0a3.\x20Decide\x20which\x20daisyUI\x20class\x20names\x20(or\x20Tailwind\x20CSS\x20utility\x20classes\x20if\x20necessary)\x20can\x20be\x20used\x20to\x20replace\x20existing\x20Bootstrap\x20classes\x0a4.\x20Replace\x20the\x20identified\x20parts\x20with\x20appropriate\x20daisyUI\x20components\x20and\x20class\x20names.\x20Use\x20\x22daisyUI\x20Blueprint\x20MCP\x20server\x22\x20to\x20receive\x20accurate\x20code\x20snippets.\x0a\x20\x204.1.\x20If\x20something\x20is\x20possible\x20with\x20daisyUI\x20alone,\x20use\x20daisyUI\x20class\x20names.\x0a\x20\x204.2.\x20If\x20something\x20is\x20possible\x20with\x20daisyUI\x20class\x20names\x20but\x20it\x20requires\x20additional\x20Tailwind\x20CSS\x20utility\x20classes\x20for\x20fine-tuning,\x20use\x20both\x20daisyUI\x20class\x20names\x20and\x20necessary\x20Tailwind\x20CSS\x20utility\x20classes.\x0a\x20\x204.3.\x20If\x20something\x20cannot\x20be\x20achieved\x20even\x20with\x20daisyUI\x20classes,\x20leave\x20it\x20as\x20is.\x0a\x20\x204.4.\x20If\x20you\x20can\x20not\x20understand\x20a\x20part,\x20leave\x20it\x20as\x20is.\x0a5.\x20Match\x20the\x20layout\x20structure\x20as\x20closely\x20as\x20possible\x0a\x0a##\x20Replacing\x20Bootstrap\x20CDN\x20file\x20with\x20Tailwind\x20CSS\x20and\x20daisyUI\x20CDN\x20files\x0a\x0aIf\x20the\x20project\x20includes\x20a\x20Bootstrap\x20CDN\x20file,\x20replace\x20it\x20with\x20Tailwind\x20CSS\x20and\x20daisyUI\x20CDN\x20files.\x20Example:\x0a```html\x0a<link\x20href=\x22https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css\x22\x20rel=\x22stylesheet\x22>\x0a<script\x20src=\x22https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js\x22></script>\x0a```\x0aMUST\x20be\x20replaced\x20with:\x0a```html\x0a<link\x20href=\x22https://cdn.jsdelivr.net/npm/daisyui@5\x22\x20rel=\x22stylesheet\x22\x20type=\x22text/css\x22\x20/>\x0a<script\x20src=\x22https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4\x22></script>\x0a```\x0a\x0a##\x20General\x20rules\x0a\x0a-\x20Never\x20ever\x20break\x20the\x20code\x20syntax\x0a-\x20If\x20you\x20are\x20asked\x20to\x20write\x20code,\x20only\x20write\x20the\x20code,\x20do\x20not\x20add\x20any\x20explanations\x20unless\x20necessary\x0a-\x20do\x20not\x20make\x20up\x20answers.\x20For\x20code,\x20always\x20search\x20the\x20docs\x20and\x20write\x20code\x20based\x20on\x20that\x0a\x0a##\x20Writing\x20code\x0a\x0a-\x20Do\x20not\x20guess,\x20do\x20not\x20hallucinate,\x20write\x20code\x20based\x20on\x20the\x20information\x20and\x20facts\x20you\x20have,\x20if\x20you\x20don\x27t\x20have\x20enough\x20information,\x20ask\x20for\x20more\x20information\x0a-\x20Be\x20careful\x20about\x20the\x20syntax,\x20always\x20double\x20check\x20it\x0a-\x20Do\x20not\x20randomly\x20change\x20indentation,\x20formatting,\x20or\x20style\x20of\x20existing\x20code\x20unless\x20asked\x0a-\x20If\x20you\x27re\x20asked\x20to\x20refactor\x20code,\x20make\x20sure\x20to\x20keep\x20the\x20same\x20functionality\x20and\x20behavior\x0a\x0a##\x20HTML\x0a\x0a-\x20Only\x20edit\x20the\x20parts\x20that\x20need\x20conversion\x20to\x20daisyUI\x20components.\x20Leave\x20other\x20parts\x20unchanged.\x0a-\x20When\x20writing\x20HTML,\x20ensure\x20semantic\x20tags\x20are\x20used\x20appropriately\x0a-\x20Ensure\x20proper\x20indentation\x20and\x20formatting\x20for\x20readability\x0a\x0a##\x20CSS\x20class\x20names\x0a\x0a-\x20For\x20components,\x20you\x20are\x20only\x20allowed\x20to\x20use\x20daisyUI\x20class\x20names.\x0a-\x20If\x20you\x20need\x20to\x20customize\x20a\x20component,\x20use\x20daisyUI\x20class\x20names\x20to\x20customize\x20it.\x20For\x20example\x20to\x20make\x20a\x20\x22btn\x22\x20larger,\x20use\x20\x22btn\x20btn-lg\x22\x20class\x20names.\x0a-\x20If\x20daisyUI\x20class\x20names\x20are\x20not\x20enough\x20to\x20fine-tune\x20a\x20daisyUI\x20component\x20only\x20then\x20you\x20are\x20allowed\x20to\x20use\x20Tailwind\x20classes\x20for\x20that\x20specific\x20purpose.\x0a-\x20For\x20layouts,\x20use\x20Tailwind\x20classes\x20like\x20\x22flex\x22,\x20\x22grid\x22,\x20\x22p-4\x22,\x20\x22m-2\x22,\x20etc\x20but\x20do\x20not\x20overuse\x20them.\x0a-\x20If\x20width\x20and\x20height\x20are\x20same,\x20use\x20\x22size-{value}\x22\x20class\x20name\x20instead\x20of\x20\x22w-{value}\x20h-{value}\x22.\x20For\x20example\x20use\x20\x22size-12\x22\x20instead\x20of\x20\x22w-12\x20h-12\x22.\x0a','---\x0atitle:\x20Create\x20daisyUI\x20code\x20based\x20on\x20a\x20screenshot\x0a#\x20description:\x20Analyze\x20a\x20UI\x20screenshot\x20and\x20recreate\x20it\x20using\x20daisyUI\x20components\x0a---\x0a\x0aYou\x20are\x20analyzing\x20a\x20UI\x20screenshot\x20to\x20recreate\x20it\x20using\x20daisyUI\x20components.\x20\x20\x0aFollow\x20below\x20steps\x20strictly.\x20If\x20you\x20miss\x20any\x20step,\x20your\x20code\x20will\x20be\x20rejected.\x0a\x0a##\x20Step\x20By\x20Step\x20Instructions:\x0a1.\x20Carefully\x20examine\x20the\x20screenshot\x20provided\x0a2.\x20Identify\x20all\x20UI\x20sections\x20and\x20layout\x20structure\x20(navbars,\x20footers,\x20sidebars,\x20content\x20areas,\x20etc.)\x20with\x20all\x20their\x20details\x0a3.\x20Identify\x20and\x20list\x20down\x20all\x20UI\x20components\x20(buttons,\x20cards,\x20forms,\x20navigation,\x20etc.)\x20in\x20each\x20UI\x20section\x0a4.\x20Recreate\x20the\x20sections\x20one\x20by\x20one\x20using\x20appropriate\x20daisyUI\x20components.\x20Use\x20\x22daisyUI\x20Blueprint\x20MCP\x20server\x22\x20to\x20receive\x20accurate\x20code\x20snippets.\x20Use\x20Tailwind\x20CSS\x20utility\x20classes\x20ONLY\x20IF\x20NECESSARY,\x20otherwise\x20rely\x20solely\x20on\x20daisyUI\x20components.\x0a5.\x20Match\x20the\x20layout\x20structure\x20as\x20closely\x20as\x20possible\x0a6.\x20Validation\x20loop:\x0a\x20\x206.1.\x20After\x20generating\x20the\x20HTML,\x20compare\x20the\x20output\x20with\x20the\x20original\x20screenshot\x20to\x20ensure\x20accuracy.\x0a\x20\x206.2.\x20Make\x20adjustments\x20as\x20needed\x20to\x20improve\x20fidelity.\x0a\x20\x206.3.\x20Repeat\x20the\x20validation\x20loop\x20until\x20the\x20output\x20closely\x20matches\x20the\x20screenshot.\x0a\x0a##\x20General\x20rules\x0a\x0a-\x20Never\x20ever\x20break\x20the\x20code\x20syntax\x0a-\x20If\x20you\x20are\x20asked\x20to\x20write\x20code,\x20only\x20write\x20the\x20code,\x20do\x20not\x20add\x20any\x20explanations\x20unless\x20necessary\x0a-\x20do\x20not\x20make\x20up\x20answers.\x20For\x20code,\x20always\x20search\x20the\x20docs\x20and\x20write\x20code\x20based\x20on\x20that\x0a-\x20If\x20you\x27re\x20not\x20sure\x20about\x20the\x20syntax\x20Use\x20Context7\x20MCP\x20server\x0a\x0a##\x20Finding\x20information\x0a\x0a-\x20Use\x20Context7\x20MCP\x20server\x20to\x20find\x20information\x20about\x20packages,\x20libraries,\x20and\x20languages.\x20Context7\x20MCP\x20server\x20provides\x20up-to-date\x20and\x20accurate\x20information\x0a-\x20Search\x20official\x20documentation\x20if\x20needed\x0a-\x20You\x20can\x20search\x20into\x20related\x20files\x20to\x20find\x20patterns\x20and\x20examples\x0a-\x20For\x20writing\x20daisyUI\x20code,\x20use\x20.github/instructions/daisyui.instructions.md\x20file\x20as\x20reference\x0a\x0a##\x20Writing\x20code\x0a\x0a-\x20Do\x20not\x20guess,\x20do\x20not\x20hallucinate,\x20write\x20code\x20based\x20on\x20the\x20information\x20and\x20facts\x20you\x20have,\x20if\x20you\x20don\x27t\x20have\x20enough\x20information,\x20ask\x20for\x20more\x20information\x0a-\x20Be\x20careful\x20about\x20the\x20syntax,\x20always\x20double\x20check\x20it\x0a-\x20If\x20you\x27re\x20asked\x20to\x20fix\x20a\x20specific\x20issue,\x20only\x20fix\x20that\x20issue,\x20do\x20not\x20change\x20anything\x20else\x20unless\x20necessary\x0a-\x20Do\x20not\x20randomly\x20change\x20indentation,\x20formatting,\x20or\x20style\x20of\x20existing\x20code\x20unless\x20asked\x0a-\x20If\x20you\x27re\x20asked\x20to\x20refactor\x20code,\x20make\x20sure\x20to\x20keep\x20the\x20same\x20functionality\x20and\x20behavior\x0a-\x20Latest\x20features\x20of\x20the\x20languages\x20and\x20libraries\x20are\x20preferred\x0a\x0a##\x20Security\x0a\x0a-\x20Never\x20ever\x20delete\x20files\x20before\x20asking\x0a-\x20Never\x20run\x20dangerous\x20commands\x20like\x20rm\x20-rf,\x20etc\x20before\x20asking\x0a-\x20Do\x20not\x20include\x20any\x20sensitive\x20information\x20such\x20as\x20API\x20keys,\x20passwords,\x20or\x20personal\x20data\x20in\x20the\x20code\x0a\x0a##\x20HTML\x0a\x0a-\x20When\x20writing\x20HTML,\x20ensure\x20semantic\x20tags\x20are\x20used\x20appropriately\x0a-\x20Ensure\x20proper\x20indentation\x20and\x20formatting\x20for\x20readability\x0a-\x20Prioritize\x20accessibility\x20by\x20using\x20ARIA\x20roles\x20and\x20properties\x20where\x20necessary\x0a-\x20If\x20you\x20identify\x20an\x20interactive\x20part\x20like\x20a\x20dropdown\x20button\x20or\x20modal,\x20add\x20a\x20daisyUI\x20dropdown\x20(focus\x20method)\x20or\x20modal\x20(dialog\x20element)\x20respectively\x0a\x0a##\x20CSS\x20class\x20names\x0a\x0a-\x20For\x20components,\x20you\x20are\x20only\x20allowed\x20to\x20use\x20daisyUI\x20class\x20names.\x0a-\x20If\x20you\x20need\x20to\x20customize\x20a\x20component,\x20use\x20daisyUI\x20class\x20names\x20to\x20customize\x20it.\x20For\x20example\x20to\x20make\x20a\x20\x22btn\x22\x20larger,\x20use\x20\x22btn\x20btn-lg\x22\x20class\x20names.\x0a-\x20If\x20daisyUI\x20class\x20names\x20are\x20not\x20enough\x20to\x20fine-tune\x20a\x20daisyUI\x20component\x20only\x20then\x20you\x20are\x20allowed\x20to\x20use\x20Tailwind\x20CSS\x20utility\x20classes\x20for\x20that\x20specific\x20purpose.\x0a-\x20For\x20layouts,\x20use\x20Tailwind\x20CSS\x20utility\x20classes\x20like\x20\x22flex\x22,\x20\x22grid\x22,\x20\x22p-4\x22,\x20\x22m-2\x22,\x20etc\x20but\x20do\x20not\x20overuse\x20them.\x0a-\x20If\x20width\x20and\x20height\x20are\x20same,\x20use\x20\x22size-{value}\x22\x20class\x20name\x20instead\x20of\x20\x22w-{value}\x20h-{value}\x22.\x20For\x20example\x20use\x20\x22size-12\x22\x20instead\x20of\x20\x22w-12\x20h-12\x22.\x0a\x0a##\x20Icons\x0a\x0a-\x20If\x20no\x20icon\x20library\x20is\x20included,\x20use\x20\x22iconify-icon\x22\x20Web\x20Component\x20to\x20add\x20icons.\x20\x0a\x20\x20-\x20CDN\x20script\x20for\x20Iconify\x20Web\x20Component\x20is\x20<script\x20src=\x22https://cdn.jsdelivr.net/npm/iconify-icon@3.0.0/dist/iconify-icon.min.js\x22></script>\x0a\x20\x20-\x20do\x20not\x20use\x20self-closing\x20tag\x20like\x20\x22<iconify-icon\x20...\x20/>\x22,\x20always\x20use\x20\x22<iconify-icon\x20...></iconify-icon>\x22\x0a\x20\x20-\x20To\x20see\x20list\x20of\x20available\x20icon\x20sets\x20in\x20Iconify,\x20visit\x20https://raw.githubusercontent.com/iconify/icon-sets/refs/heads/master/collections.md\x0a\x20\x20-\x20To\x20find\x20an\x20icon,\x20use\x20https://icon-sets.iconify.design/\x0a\x0a##\x20Avatars\x0a\x0aFor\x20avatars\x20images,\x20use\x20use\x20randomuser.me\x20API\x20for\x20example\x20\x22https://randomuser.me/api/portraits/women/44.jpg\x22\x0a\x0a##\x20Comments\x0a\x0a-\x20Use\x20HTML\x20comment\x20to\x20separate\x20different\x20sections\x20of\x20code.\x20For\x20example:\x0a\x0a\x20\x20<!--\x20Header\x20Section\x20-->\x0a\x20\x20<header>...</header>\x0a\x0a\x20\x20<!--\x20Main\x20Content\x20Section\x20-->\x0a\x20\x20<main>...</main>\x0a\x0a\x20\x20<!--\x20Footer\x20Section\x20-->\x0a\x20\x20<footer>...</footer>\x0a\x0a\x0aGenerate\x20clean,\x20well-structured\x20HTML\x20code\x20that\x20faithfully\x20reproduces\x20the\x20design\x20from\x20the\x20screenshot.\x0a','2445NGRKal','search','8424bYBQFN','apply','---\x0atitle:\x20Convert\x20Tailwind\x20CSS\x20code\x20to\x20DaisyUI\x0a#\x20description:\x20Find\x20parts\x20of\x20Tailwind\x20CSS\x20code\x20that\x20can\x20be\x20converted\x20to\x20daisyUI\x20components\x20and\x20convert\x20them\x20accordingly.\x0a---\x0a\x0aYou\x20are\x20analyzing\x20a\x20code\x20that\x20is\x20written\x20using\x20Tailwind\x20CSS\x20utility\x20classes\x20to\x20identify\x20parts\x20that\x20can\x20be\x20converted\x20to\x20daisyUI\x20components\x20and\x20convert\x20them\x20accordingly.\x0aFollow\x20below\x20steps\x20strictly.\x20If\x20you\x20miss\x20any\x20step,\x20your\x20code\x20will\x20be\x20rejected.\x0a\x0a##\x20Step\x20By\x20Step\x20Instructions:\x0a1.\x20Carefully\x20examine\x20the\x20code\x20and\x20all\x20Tailwind\x20CSS\x20utility\x20classes\x20used\x0a2.\x20Identify\x20all\x20elements\x20that\x20can\x20be\x20converted\x20to\x20daisyUI\x20components\x0a3.\x20Decide\x20which\x20daisyUI\x20class\x20names\x20can\x20be\x20used\x20to\x20replace\x20existing\x20Tailwind\x20CSS\x20utility\x20classes\x0a4.\x20Replace\x20the\x20identified\x20parts\x20with\x20appropriate\x20daisyUI\x20components\x20and\x20class\x20names.\x20Use\x20`daisyUI-Blueprint`\x20MCP\x20server\x20>\x20`daisyUI-Snippets`\x20tool\x20to\x20receive\x20accurate\x20code\x20snippets.\x0a\x20\x204.1.\x20If\x20something\x20is\x20possible\x20with\x20daisyUI\x20alone,\x20use\x20daisyUI\x20class\x20names.\x0a\x20\x204.2.\x20If\x20something\x20is\x20possible\x20with\x20daisyUI\x20class\x20names\x20but\x20it\x20requires\x20additional\x20Tailwind\x20CSS\x20utility\x20classes\x20for\x20fine-tuning,\x20use\x20both\x20daisyUI\x20class\x20names\x20and\x20necessary\x20Tailwind\x20CSS\x20utility\x20classes.\x0a\x20\x204.3.\x20If\x20something\x20cannot\x20be\x20achieved\x20even\x20with\x20daisyUI\x20classes,\x20leave\x20it\x20as\x20is.\x0a\x20\x204.4.\x20If\x20you\x20can\x20not\x20understand\x20a\x20part,\x20leave\x20it\x20as\x20is.\x0a5.\x20Match\x20the\x20layout\x20structure\x20as\x20closely\x20as\x20possible\x0a\x0a##\x20daisyUI\x20rules\x0a\x0a-\x20If\x20you\x20need\x20to\x20customize\x20the\x20daisyUI\x20theme\x20to\x20fit\x20the\x20desired\x20colors,\x20use\x20`daisyUI\x20Blueprint`\x20MCP\x20server\x20>\x20`daisyUI-Snippets`\x20tool\x20>\x20`{themes:{custom-theme:true}}`\x20snippet\x20to\x20learn\x20about\x20daisyUI\x20themes.\x0a-\x20You\x20are\x20only\x20allowed\x20to\x20use\x20daisyUI\x20class\x20names\x20for\x20the\x20components\x20that\x20can\x20be\x20converted\x20to\x20daisyUI\x20components.\x20For\x20example\x20if\x20you\x20identify\x20a\x20button,\x20all\x20Tailwind\x20CSS\x20class\x20names\x20must\x20be\x20replaced\x20with\x20daisyUI\x20class\x20name.\x20In\x20case\x20there\x27s\x20a\x20critical\x20modification\x20needed\x20that\x20cannot\x20be\x20achieved\x20with\x20daisyUI\x20class\x20names\x20alone,\x20then\x20you\x20can\x20add\x20that\x20specific\x20Tailwind\x20CSS\x20class\x20name\x20along\x20with\x20daisyUI\x20class\x20names.\x0a-\x20Do\x20not\x20customize\x20the\x20colors\x20of\x20default\x20variants\x20of\x20daisyUI\x20components\x20unless\x20absolutely\x20necessary.\x20For\x20example\x20if\x20you\x20see\x20a\x20blue\x20primary\x20button,\x20that\x20blue\x20color\x20needs\x20to\x20be\x20configured\x20from\x20a\x20daisyUI\x20theme,\x20not\x20by\x20adding\x20Tailwind\x20CSS\x20color\x20utility\x20classes.\x0a-\x20Always\x20prefer\x20using\x20daisyUI\x20class\x20names\x20over\x20Tailwind\x20CSS\x20utility\x20classes\x20wherever\x20possible.\x0a-\x20Ideally\x20we\x20want\x2070%\x20less\x20class\x20names\x20than\x20the\x20original\x20Tailwind\x20CSS\x20code,\x20so\x20always\x20prefer\x20daisyUI\x20class\x20names\x20that\x20can\x20replace\x20multiple\x20Tailwind\x20CSS\x20utility\x20classes.\x20For\x20example\x20if\x20there\x27s\x20a\x20checkbox\x20with\x20many\x20Tailwind\x20CSS\x20class\x20names,\x20you\x20can\x20replace\x20it\x20with\x20a\x20single\x20daisyUI\x20class\x20name\x20\x22checkbox\x22.\x0a-\x20When\x20using\x20daisyUI\x20components,\x20you\x20won\x27t\x20need\x20to\x20use\x20utility\x20classes\x20for\x20hover,\x20focus,\x20active,\x20disabled\x20states\x20as\x20daisyUI\x20components\x20already\x20have\x20those\x20states\x20built-in.\x20So\x20remove\x20any\x20such\x20Tailwind\x20CSS\x20utility\x20classes.\x0a-\x20Do\x20not\x20use\x20any\x20Tailwind\x20CSS\x20colors\x20(like\x20bg-blue-500,\x20text-red-600,\x20etc)\x20to\x20customize\x20daisyUI\x20components.\x20Instead\x20use\x20daisyUI\x20themes\x20to\x20configure\x20colors.\x0a-\x20Avoid\x20using\x20different\x20colors\x20if\x20possible.\x20For\x20example\x20if\x20you\x20use\x20`primary`,\x20`secondary`,\x20etc\x20colors\x20a\x20lot,\x20the\x20UI\x20will\x20look\x20inconsistent.\x20So\x20try\x20to\x20use\x20fewer\x20colors.\x0a-\x20daisyUI\x20does\x20not\x20provide\x20utility\x20classes\x20for\x20layout,\x20spacing,\x20sizing\x20(outside\x20of\x20components),\x20so\x20you\x20can\x20continue\x20using\x20Tailwind\x20CSS\x20utility\x20classes\x20for\x20those\x20purposes\x20(like\x20padding,\x20margin,\x20width,\x20height,\x20flex,\x20grid,\x20etc).\x20You\x20won\x27t\x20need\x20them\x20for\x20the\x20daisyUI\x20components\x20though.\x20`btn-lg\x20text-lg`\x20is\x20not\x20allowed,\x20instead\x20use\x20`btn\x20btn-lg`.\x20but\x20for\x20a\x20text\x20outside\x20of\x20daisyUI\x20components,\x20`text-lg`\x20is\x20allowed.\x0a\x0a\x0a##\x20General\x20rules\x0a-\x20Never\x20ever\x20break\x20the\x20code\x20syntax\x0a-\x20If\x20you\x20are\x20asked\x20to\x20write\x20code,\x20only\x20write\x20the\x20code,\x20do\x20not\x20add\x20any\x20explanations\x20unless\x20necessary\x0a-\x20do\x20not\x20make\x20up\x20answers.\x20For\x20code,\x20always\x20search\x20the\x20docs\x20and\x20write\x20code\x20based\x20on\x20that\x0a\x0a##\x20Writing\x20code\x0a\x0a-\x20Do\x20not\x20guess,\x20do\x20not\x20hallucinate,\x20write\x20code\x20based\x20on\x20the\x20information\x20and\x20facts\x20you\x20have,\x20if\x20you\x20don\x27t\x20have\x20enough\x20information,\x20ask\x20for\x20more\x20information\x0a-\x20Be\x20careful\x20about\x20the\x20syntax,\x20always\x20double\x20check\x20it\x0a-\x20Do\x20not\x20randomly\x20change\x20indentation,\x20formatting,\x20or\x20style\x20of\x20existing\x20code\x20unless\x20asked\x0a-\x20If\x20you\x27re\x20asked\x20to\x20refactor\x20code,\x20make\x20sure\x20to\x20keep\x20the\x20same\x20functionality\x20and\x20behavior\x0a\x0a##\x20HTML\x0a\x0a-\x20Only\x20edit\x20the\x20parts\x20that\x20need\x20conversion\x20to\x20daisyUI\x20components.\x20Leave\x20other\x20parts\x20unchanged.\x0a-\x20When\x20writing\x20HTML,\x20ensure\x20semantic\x20tags\x20are\x20used\x20appropriately\x0a-\x20Ensure\x20proper\x20indentation\x20and\x20formatting\x20for\x20readability\x0a\x0a##\x20CSS\x20class\x20names\x0a\x0a-\x20For\x20components,\x20you\x20are\x20only\x20allowed\x20to\x20use\x20daisyUI\x20class\x20names.\x0a-\x20If\x20you\x20need\x20to\x20customize\x20a\x20component,\x20use\x20daisyUI\x20class\x20names\x20to\x20customize\x20it.\x20For\x20example\x20to\x20make\x20a\x20\x22btn\x22\x20larger,\x20use\x20\x22btn\x20btn-lg\x22\x20class\x20names.\x0a-\x20If\x20daisyUI\x20class\x20names\x20are\x20not\x20enough\x20to\x20fine-tune\x20a\x20daisyUI\x20component\x20only\x20then\x20you\x20are\x20allowed\x20to\x20use\x20Tailwind\x20CSS\x20utility\x20classes\x20for\x20that\x20specific\x20purpose.\x0a-\x20For\x20layouts,\x20use\x20Tailwind\x20CSS\x20utility\x20classes\x20like\x20\x22flex\x22,\x20\x22grid\x22,\x20\x22p-4\x22,\x20\x22m-2\x22,\x20etc\x20but\x20do\x20not\x20overuse\x20them.\x0a-\x20If\x20width\x20and\x20height\x20are\x20same,\x20use\x20\x22size-{value}\x22\x20class\x20name\x20instead\x20of\x20\x22w-{value}\x20h-{value}\x22.\x20For\x20example\x20use\x20\x22size-12\x22\x20instead\x20of\x20\x22w-12\x20h-12\x22.\x0a','35aWAYmh','9211410rvZQHz','86168HYRWFV','7082540VJaVyH','(((.+)+)+)+$','492ysueHC','193722aMlzkc','toString','11pYyynj'];U=function(){return O;};return U();}
|
package/chunks/chunk-2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
const c=B;function B(b,j){b=b-0x129;const N=z();let F=N[b];return F;}(function(N,F){const a=B,f=N();while(!![]){try{const y=-parseInt(a(0x138))/0x1*(-parseInt(a(0x129))/0x2)+-parseInt(a(0x12b))/0x3+-parseInt(a(0x136))/0x4+-parseInt(a(0x135))/0x5+parseInt(a(0x139))/0x6*(parseInt(a(0x133))/0x7)+-parseInt(a(0x12c))/0x8*(-parseInt(a(0x131))/0x9)+-parseInt(a(0x12e))/0xa;if(y===F)break;else f['push'](f['shift']());}catch(x){f['push'](f['shift']());}}}(z,0xb71aa));const j=(function(){let N=!![];return function(F,f){const y=N?function(){const I=B;if(f){const x=f[I(0x12f)](F,arguments);return f=null,x;}}:function(){};return N=![],y;};}()),b=j(this,function(){const K=B;return b[K(0x130)]()[K(0x12d)]('(((.+)+)+)+$')[K(0x130)]()[K(0x12a)](b)[K(0x12d)](K(0x137));});b();export const RULES={'component-types-info':c(0x132),'figma-to-daisyui':'Retrieve\x20properties\x20and\x20structure\x20of\x20a\x20Figma\x20design\x20from\x20a\x20Figma\x20URL.\x20Returns\x20information\x20about\x20frames,\x20components,\x20text,\x20colors,\x20layout\x20properties,\x20and\x20more.\x20Supports\x20fetching\x20entire\x20files\x20or\x20specific\x20nodes.\x0aCRITICAL\x20WORKFLOW\x20-\x20After\x20calling\x20this\x20tool,\x20you\x20MUST\x20follow\x20these\x20steps\x20IN\x20ORDER:\x0a1.\x20ANALYZE\x20the\x20returned\x20Figma\x20design\x20structure\x20(layout,\x20components,\x20colors,\x20text,\x20spacing)\x0a2.\x20DECIDE\x20which\x20daisyUI\x20snippets\x20are\x20needed\x20to\x20recreate\x20the\x20Figma\x20design\x20(check\x20daisyUI\x20Snippets\x20tool\x20description\x20for\x20available\x20snippets)\x0a3.\x20CALL\x20daisyUI\x20Snippets\x20tool\x20with\x20ALL\x20required\x20snippet\x20names\x20in\x20a\x20single\x20array\x0a4.\x20RECREATE\x20the\x20Figma\x20design\x20in\x20HTML\x20using\x20the\x20retrieved\x20daisyUI\x20component\x20code\x5cn\x0aDO\x20NOT\x20SKIP\x20ANY\x20STEP.\x20Each\x20step\x20is\x20required\x20to\x20successfully\x20convert\x20the\x20Figma\x20design\x20to\x20daisyUI\x20code.\x0a','read-figma-structure':c(0x134)};function z(){const i=['409SmYoui','258OYIKKX','6878QHuJne','constructor','3304632nYIVdj','71176lrPgLp','search','2016370PSiuvz','apply','toString','1224EWqkMC','##\x20daisyUI\x20class\x20names\x20type\x20reference\x0a\x0adaisyUI\x205\x20class\x20names\x20are\x20one\x20of\x20the\x20following\x20categories.\x20These\x20type\x20names\x20are\x20only\x20for\x20reference\x20and\x20are\x20not\x20used\x20in\x20the\x20actual\x20code\x0a-\x20\x22COMPONENT\x22:\x20the\x20required\x20component\x20class\x0a-\x20\x22PART\x22:\x20a\x20child\x20part\x20of\x20a\x20component\x0a-\x20\x22STYLE\x22:\x20sets\x20a\x20specific\x20style\x20to\x20component\x20or\x20part\x0a-\x20\x22BEHAVIOR\x22:\x20changes\x20the\x20behavior\x20of\x20component\x20or\x20part\x0a-\x20\x22COLOR\x22:\x20sets\x20a\x20specific\x20color\x20to\x20component\x20or\x20part\x0a-\x20\x22SIZE\x22:\x20sets\x20a\x20specific\x20size\x20to\x20component\x20or\x20part\x0a-\x20\x22PLACEMENT\x22:\x20sets\x20a\x20specific\x20placement\x20to\x20component\x20or\x20part\x0a-\x20\x22DIRECTION\x22:\x20sets\x20a\x20specific\x20direction\x20to\x20component\x20or\x20part\x0a-\x20\x22MODIFIER\x22:\x20modifies\x20the\x20component\x20or\x20part\x20in\x20a\x20specific\x20way\x0a-\x20\x22VARIANT\x22:\x20prefixes\x20for\x20utility\x20classes\x20that\x20conditionally\x20apply\x20styles.\x20syntax\x20is\x20\x22variant:utility-class\x22\x0a','132125DFuGJG','##\x20How\x20to\x20Read\x20the\x20Figma\x20Structure\x0a\x0aEach\x20component\x20node\x20contains\x20these\x20key\x20properties:\x0a\x0a-\x20**name**:\x20Component\x20name\x20(e.g.,\x20\x22Button\x22,\x20\x22Card\x22)\x0a-\x20**variantProperties**:\x20Extracted\x20variant\x20values\x20from\x20Figma\x20(e.g.,\x20{\x22Color\x22:\x20\x22btn-primary\x22,\x20\x22Size\x22:\x20\x22btn-md\x22})\x0a-\x20**componentProperties**:\x20Full\x20component\x20property\x20details\x0a-\x20**type**:\x20Node\x20type\x20(FRAME,\x20INSTANCE,\x20TEXT,\x20etc.)\x0a-\x20**layoutMode**:\x20HORIZONTAL\x20or\x20VERTICAL\x0a-\x20**itemSpacing**:\x20Gap\x20between\x20items\x20(convert\x20to\x20Tailwind\x20gap-\x20classes)\x0a-\x20**characters**:\x20Text\x20content\x20(for\x20TEXT\x20nodes)\x0a-\x20**children**:\x20Nested\x20child\x20nodes\x0a\x0a**Important**:\x20The\x20variantProperties\x20field\x20shows\x20you\x20what\x20variants\x20are\x20selected\x20in\x20Figma,\x20but\x20you\x20need\x20to\x20use\x20daisyUI\x20Snippets\x20to\x20understand\x20what\x20these\x20mean\x20in\x20daisyUI\x20terms.\x20Check\x20the\x20daisyUI\x20Snippets\x20tool\x20description\x20for\x20all\x20available\x20snippet\x20paths.\x0a\x0a---\x0a\x0a##\x20ABSOLUTE\x20RULES\x20FOR\x20CODE\x20GENERATION\x0a\x0a🚫\x20**NEVER\x20ALLOWED:**\x0a-\x20Inline\x20styles\x20(style=\x22color:\x20red;\x20padding:\x2010px;\x22)\x0a-\x20Custom\x20CSS\x20classes\x20that\x20are\x20not\x20from\x20daisyUI\x20or\x20Tailwind\x0a-\x20Arbitrary\x20CSS\x20values\x0a\x0a✅\x20**ONLY\x20ALLOWED:**\x0a-\x20daisyUI\x20component\x20classes\x20from\x20daisyUI\x20Snippets\x20(btn,\x20card,\x20badge,\x20modal,\x20etc.)\x0a-\x20Tailwind\x20utility\x20classes\x20(flex,\x20gap-4,\x20p-4,\x20text-lg,\x20bg-blue-500,\x20rounded-lg,\x20etc.)\x0a-\x20Standard\x20HTML\x20elements\x20(div,\x20button,\x20input,\x20etc.)\x0a\x0a**Examples:**\x0a-\x20❌\x20WRONG:\x20<div\x20style=\x22display:\x20flex;\x20gap:\x2058px;\x22>\x0a-\x20✅\x20CORRECT:\x20<div\x20class=\x22flex\x20gap-14\x22>\x0a-\x20❌\x20WRONG:\x20<button\x20style=\x22background:\x20blue;\x20padding:\x2016px;\x22>\x0a-\x20✅\x20CORRECT:\x20<button\x20class=\x22btn\x20btn-primary\x20px-4\x22>\x0a-\x20❌\x20WRONG:\x20<div\x20class=\x22my-custom-container\x22>\x0a-\x20✅\x20CORRECT:\x20<div\x20class=\x22container\x20mx-auto\x22>\x0a\x0a---\x0a\x0a##\x20MANDATORY\x20WORKFLOW\x20-\x20FOLLOW\x20THESE\x20STEPS\x20IN\x20ORDER\x0a\x0a**YOU\x20MUST\x20COMPLETE\x20ALL\x204\x20STEPS\x20-\x20DO\x20NOT\x20SKIP\x20ANY!**\x0a\x0a###\x20Step\x201:\x20COMPLETE\x20-\x20Figma\x20Design\x20Retrieved\x0a\x0aYou\x20now\x20have\x20the\x20Figma\x20structure\x20above.\x20Notice\x20the\x20variantProperties\x20in\x20each\x20component\x20node.\x0a\x0a###\x20Step\x202:\x20Check\x20Available\x20Snippets\x0a\x0aBefore\x20you\x20can\x20recreate\x20this\x20design,\x20you\x20MUST\x20see\x20what\x20daisyUI\x20components\x20are\x20available.\x0aCheck\x20the\x20daisyUI\x20Snippets\x20tool\x20description\x20to\x20see\x20all\x20available\x20snippet\x20paths.\x0a\x0a###\x20Step\x203:\x20Match\x20Components\x0a\x0a1.\x20Look\x20at\x20the\x20component\x20name\x20fields\x20in\x20the\x20Figma\x20structure\x20(e.g.,\x20\x22Button\x22,\x20\x22Card\x22)\x0a2.\x20Find\x20matching\x20snippet\x20names\x20from\x20the\x20daisyUI\x20Snippets\x20tool\x20description\x0a3.\x20Make\x20a\x20list\x20of\x20which\x20snippets\x20you\x20need\x0a\x0a###\x20Step\x204:\x20CALL\x20daisyUI\x20Snippets\x20Tool\x0a\x0aRequest\x20the\x20specific\x20snippets\x20you\x20identified.\x0aExample:\x20daisyUI\x20Snippets\x20with\x0a{\x0a\x20\x20\x22button\x22:\x20true,\x0a\x20\x20\x22card\x22:\x20true\x0a}\x0a\x0a###\x20Step\x205:\x20Match\x20Variants\x20and\x20Generate\x20HTML\x0a\x0a**CRITICAL\x20UNDERSTANDING:**\x20The\x20values\x20in\x20variantProperties\x20ARE\x20the\x20actual\x20CSS\x20class\x20names!\x0a\x0aIf\x20Figma\x20says\x20Color:\x20\x22btn-primary\x22,\x20that\x20means\x20use\x20the\x20class\x20\x22btn-primary\x22\x0aIf\x20Figma\x20says\x20Size:\x20\x22btn-md\x22,\x20that\x20means\x20use\x20the\x20class\x20\x22btn-md\x22\x0a\x0a**Step-by-step\x20matching\x20process:**\x0a\x0a1.\x20Look\x20at\x20variantProperties\x20for\x20each\x20component\x0a2.\x20For\x20each\x20property,\x20check\x20if\x20the\x20VALUE\x20appears\x20in\x20the\x20snippet\x20examples\x0a3.\x20If\x20YES,\x20use\x20that\x20exact\x20value\x20as\x20a\x20CSS\x20class\x0a4.\x20If\x20NO\x20(like\x20\x22default\x22),\x20skip\x20it\x20-\x20do\x20not\x20add\x20any\x20class\x20for\x20it\x0a\x0a**CONCRETE\x20EXAMPLE:**\x0a\x0aExample\x201:\x0a\x0aFigma\x20component\x20has\x20variantProperties\x20with\x20Color:\x20\x22btn-primary\x22,\x20Size:\x20\x22btn-md\x22,\x20Style:\x20\x22default\x22\x0a\x0aYou\x20check\x20the\x20button\x20snippet\x20and\x20see\x20these\x20classes:\x20btn-primary,\x20btn-secondary,\x20btn-md,\x20btn-lg\x0a\x0aYour\x20matching:\x0a-\x20\x22btn-primary\x22\x20is\x20in\x20snippets\x20→\x20ADD\x20btn-primary\x20class\x20✓\x0a-\x20\x22btn-md\x22\x20is\x20in\x20snippets\x20→\x20ADD\x20btn-md\x20class\x20✓\x0a-\x20\x22default\x22\x20is\x20NOT\x20in\x20snippets\x20→\x20SKIP,\x20add\x20nothing\x20✓\x0a\x0aResult:\x20<button\x20class=\x22btn\x20btn-primary\x20btn-md\x22>Button</button>\x0a\x0aExample\x202:\x0a\x0aFigma\x20node\x20has\x20white\x20background\x20color\x20or\x20black\x20text\x20color.\x0a\x0aYou\x27re\x20matching:\x0a-\x20instead\x20of\x20white,\x20use\x20`bg-base-100`\x20in\x20code\x0a-\x20instead\x20of\x20black,\x20use\x20`text-base-content`\x20in\x20code\x0a\x0aResult:\x20<div\x20class=\x22bg-base-100\x20text-base-content\x22>\x0a\x0a\x0a**CRITICAL\x20RULES**:\x20\x0a-\x20All\x20elements\x20must\x20be\x20identical\x20to\x20Figma\x20structure.\x20If\x20there\x20are\x203\x20buttons,\x20there\x20must\x20be\x203\x20buttons\x20in\x20the\x20code.\x20If\x20there\x27s\x20a\x20specific\x20text,\x20it\x20must\x20match\x20exactly\x20in\x20the\x20code.\x20Do\x20not\x20get\x20creative\x20or\x20change\x20anything\x20about\x20the\x20amount\x20or\x20type\x20of\x20elements.\x0a-\x20The\x20variantProperties\x20VALUES\x20are\x20literal\x20class\x20names\x20-\x20use\x20them\x20directly\x20if\x20they\x20appear\x20in\x20snippets\x0a-\x20DO\x20NOT\x20translate\x20or\x20interpret\x20them\x20(btn-primary\x20means\x20btn-primary,\x20not\x20\x22primary\x20button\x22)\x0a-\x20DO\x20NOT\x20use\x20\x22default\x22\x20as\x20a\x20class\x20name\x20-\x20it\x20means\x20\x22no\x20modifier\x22\x0a-\x20DO\x20NOT\x20guess\x20or\x20use\x20classes\x20from\x20memory\x0a-\x20ONLY\x20use\x20values\x20that\x20appear\x20in\x20the\x20daisyUI\x20Snippets\x20results\x20as\x20class\x20names\x0a-\x20NEVER\x20use\x20inline\x20CSS\x20(style=\x22...\x22)\x20or\x20custom\x20CSS\x20-\x20ONLY\x20use\x20daisyUI\x20classes\x20from\x20daisyUI\x20Snippets\x20or\x20Tailwind\x20utility\x20classes\x0a-\x20For\x20colors:\x20use\x20daisyUI\x20color\x20utilities\x20(bg-base-100,\x20text-primary,\x20etc.)\x20or\x20if\x20necessary\x20Tailwind\x20utilities\x20(bg-white,\x20text-blue-500,\x20etc.)\x0a-\x20For\x20spacing,\x20sizing:\x20use\x20Tailwind\x20utilities\x20(bg-blue-500,\x20p-4,\x20w-full,\x20etc.)\x0a-\x20For\x20components:\x20use\x20daisyUI\x20classes\x20from\x20daisyUI\x20Snippets\x20(btn,\x20card,\x20badge,\x20etc.)\x0a','226735pReOfM','5318584JmjbUg','(((.+)+)+)+$'];z=function(){return i;};return z();}
|
|
1
|
+
const X=c;(function(r,K){const T=c,Y=r();while(!![]){try{const h=parseInt(T(0x1a6))/0x1+parseInt(T(0x19a))/0x2*(parseInt(T(0x19e))/0x3)+-parseInt(T(0x1a8))/0x4+parseInt(T(0x1a9))/0x5*(parseInt(T(0x1ab))/0x6)+-parseInt(T(0x1a2))/0x7*(parseInt(T(0x19b))/0x8)+parseInt(T(0x1a4))/0x9*(-parseInt(T(0x1a0))/0xa)+parseInt(T(0x1a7))/0xb;if(h===K)break;else Y['push'](Y['shift']());}catch(N){Y['push'](Y['shift']());}}}(U,0x1cbdc));function U(){const O=['40ICqIfK','(((.+)+)+)+$','139608AYyWzO','##\x20How\x20to\x20Read\x20the\x20Figma\x20Structure\x0a\x0aEach\x20component\x20node\x20contains\x20these\x20key\x20properties:\x0a\x0a-\x20**name**:\x20Component\x20name\x20(e.g.,\x20\x22Button\x22,\x20\x22Card\x22)\x0a-\x20**variantProperties**:\x20Extracted\x20variant\x20values\x20from\x20Figma\x20(e.g.,\x20{\x22Color\x22:\x20\x22btn-primary\x22,\x20\x22Size\x22:\x20\x22btn-md\x22})\x0a-\x20**componentProperties**:\x20Full\x20component\x20property\x20details\x0a-\x20**type**:\x20Node\x20type\x20(FRAME,\x20INSTANCE,\x20TEXT,\x20etc.)\x0a-\x20**layoutMode**:\x20HORIZONTAL\x20or\x20VERTICAL\x0a-\x20**itemSpacing**:\x20Gap\x20between\x20items\x20(convert\x20to\x20Tailwind\x20gap-\x20classes)\x0a-\x20**characters**:\x20Text\x20content\x20(for\x20TEXT\x20nodes)\x0a-\x20**children**:\x20Nested\x20child\x20nodes\x0a\x0a**Important**:\x20The\x20variantProperties\x20field\x20shows\x20you\x20what\x20variants\x20are\x20selected\x20in\x20Figma,\x20but\x20you\x20need\x20to\x20use\x20daisyUI\x20Snippets\x20to\x20understand\x20what\x20these\x20mean\x20in\x20daisyUI\x20terms.\x20Check\x20the\x20daisyUI\x20Snippets\x20tool\x20description\x20for\x20all\x20available\x20snippet\x20paths.\x0a\x0a---\x0a\x0a##\x20ABSOLUTE\x20RULES\x20FOR\x20CODE\x20GENERATION\x0a\x0a🚫\x20**NEVER\x20ALLOWED:**\x0a-\x20Inline\x20styles\x20(style=\x22color:\x20red;\x20padding:\x2010px;\x22)\x0a-\x20Custom\x20CSS\x20classes\x20that\x20are\x20not\x20from\x20daisyUI\x20or\x20Tailwind\x0a-\x20Arbitrary\x20CSS\x20values\x0a\x0a✅\x20**ONLY\x20ALLOWED:**\x0a-\x20daisyUI\x20component\x20classes\x20from\x20daisyUI\x20Snippets\x20(btn,\x20card,\x20badge,\x20modal,\x20etc.)\x0a-\x20Tailwind\x20utility\x20classes\x20(flex,\x20gap-4,\x20p-4,\x20text-lg,\x20bg-blue-500,\x20rounded-lg,\x20etc.)\x0a-\x20Standard\x20HTML\x20elements\x20(div,\x20button,\x20input,\x20etc.)\x0a\x0a**Examples:**\x0a-\x20❌\x20WRONG:\x20<div\x20style=\x22display:\x20flex;\x20gap:\x2058px;\x22>\x0a-\x20✅\x20CORRECT:\x20<div\x20class=\x22flex\x20gap-14\x22>\x0a-\x20❌\x20WRONG:\x20<button\x20style=\x22background:\x20blue;\x20padding:\x2016px;\x22>\x0a-\x20✅\x20CORRECT:\x20<button\x20class=\x22btn\x20btn-primary\x20px-4\x22>\x0a-\x20❌\x20WRONG:\x20<div\x20class=\x22my-custom-container\x22>\x0a-\x20✅\x20CORRECT:\x20<div\x20class=\x22container\x20mx-auto\x22>\x0a\x0a---\x0a\x0a##\x20MANDATORY\x20WORKFLOW\x20-\x20FOLLOW\x20THESE\x20STEPS\x20IN\x20ORDER\x0a\x0a**YOU\x20MUST\x20COMPLETE\x20ALL\x204\x20STEPS\x20-\x20DO\x20NOT\x20SKIP\x20ANY!**\x0a\x0a###\x20Step\x201:\x20COMPLETE\x20-\x20Figma\x20Design\x20Retrieved\x0a\x0aYou\x20now\x20have\x20the\x20Figma\x20structure\x20above.\x20Notice\x20the\x20variantProperties\x20in\x20each\x20component\x20node.\x0a\x0a###\x20Step\x202:\x20Check\x20Available\x20Snippets\x0a\x0aBefore\x20you\x20can\x20recreate\x20this\x20design,\x20you\x20MUST\x20see\x20what\x20daisyUI\x20components\x20are\x20available.\x0aCheck\x20the\x20daisyUI\x20Snippets\x20tool\x20description\x20to\x20see\x20all\x20available\x20snippet\x20paths.\x0a\x0a###\x20Step\x203:\x20Match\x20Components\x0a\x0a1.\x20Look\x20at\x20the\x20component\x20name\x20fields\x20in\x20the\x20Figma\x20structure\x20(e.g.,\x20\x22Button\x22,\x20\x22Card\x22)\x0a2.\x20Find\x20matching\x20snippet\x20names\x20from\x20the\x20daisyUI\x20Snippets\x20tool\x20description\x0a3.\x20Make\x20a\x20list\x20of\x20which\x20snippets\x20you\x20need\x0a\x0a###\x20Step\x204:\x20CALL\x20daisyUI\x20Snippets\x20Tool\x0a\x0aRequest\x20the\x20specific\x20snippets\x20you\x20identified.\x0aExample:\x20daisyUI\x20Snippets\x20with\x0a{\x0a\x20\x20\x22button\x22:\x20true,\x0a\x20\x20\x22card\x22:\x20true\x0a}\x0a\x0a###\x20Step\x205:\x20Match\x20Variants\x20and\x20Generate\x20HTML\x0a\x0a**CRITICAL\x20UNDERSTANDING:**\x20The\x20values\x20in\x20variantProperties\x20ARE\x20the\x20actual\x20CSS\x20class\x20names!\x0a\x0aIf\x20Figma\x20says\x20Color:\x20\x22btn-primary\x22,\x20that\x20means\x20use\x20the\x20class\x20\x22btn-primary\x22\x0aIf\x20Figma\x20says\x20Size:\x20\x22btn-md\x22,\x20that\x20means\x20use\x20the\x20class\x20\x22btn-md\x22\x0a\x0a**Step-by-step\x20matching\x20process:**\x0a\x0a1.\x20Look\x20at\x20variantProperties\x20for\x20each\x20component\x0a2.\x20For\x20each\x20property,\x20check\x20if\x20the\x20VALUE\x20appears\x20in\x20the\x20snippet\x20examples\x0a3.\x20If\x20YES,\x20use\x20that\x20exact\x20value\x20as\x20a\x20CSS\x20class\x0a4.\x20If\x20NO\x20(like\x20\x22default\x22),\x20skip\x20it\x20-\x20do\x20not\x20add\x20any\x20class\x20for\x20it\x0a\x0a**CONCRETE\x20EXAMPLE:**\x0a\x0aExample\x201:\x0a\x0aFigma\x20component\x20has\x20variantProperties\x20with\x20Color:\x20\x22btn-primary\x22,\x20Size:\x20\x22btn-md\x22,\x20Style:\x20\x22default\x22\x0a\x0aYou\x20check\x20the\x20button\x20snippet\x20and\x20see\x20these\x20classes:\x20btn-primary,\x20btn-secondary,\x20btn-md,\x20btn-lg\x0a\x0aYour\x20matching:\x0a-\x20\x22btn-primary\x22\x20is\x20in\x20snippets\x20→\x20ADD\x20btn-primary\x20class\x20✓\x0a-\x20\x22btn-md\x22\x20is\x20in\x20snippets\x20→\x20ADD\x20btn-md\x20class\x20✓\x0a-\x20\x22default\x22\x20is\x20NOT\x20in\x20snippets\x20→\x20SKIP,\x20add\x20nothing\x20✓\x0a\x0aResult:\x20<button\x20class=\x22btn\x20btn-primary\x20btn-md\x22>Button</button>\x0a\x0aExample\x202:\x0a\x0aFigma\x20node\x20has\x20white\x20background\x20color\x20or\x20black\x20text\x20color.\x0a\x0aYou\x27re\x20matching:\x0a-\x20instead\x20of\x20white,\x20use\x20`bg-base-100`\x20in\x20code\x0a-\x20instead\x20of\x20black,\x20use\x20`text-base-content`\x20in\x20code\x0a\x0aResult:\x20<div\x20class=\x22bg-base-100\x20text-base-content\x22>\x0a\x0a\x0a**CRITICAL\x20RULES**:\x20\x0a-\x20All\x20elements\x20must\x20be\x20identical\x20to\x20Figma\x20structure.\x20If\x20there\x20are\x203\x20buttons,\x20there\x20must\x20be\x203\x20buttons\x20in\x20the\x20code.\x20If\x20there\x27s\x20a\x20specific\x20text,\x20it\x20must\x20match\x20exactly\x20in\x20the\x20code.\x20Do\x20not\x20get\x20creative\x20or\x20change\x20anything\x20about\x20the\x20amount\x20or\x20type\x20of\x20elements.\x0a-\x20The\x20variantProperties\x20VALUES\x20are\x20literal\x20class\x20names\x20-\x20use\x20them\x20directly\x20if\x20they\x20appear\x20in\x20snippets\x0a-\x20DO\x20NOT\x20translate\x20or\x20interpret\x20them\x20(btn-primary\x20means\x20btn-primary,\x20not\x20\x22primary\x20button\x22)\x0a-\x20DO\x20NOT\x20use\x20\x22default\x22\x20as\x20a\x20class\x20name\x20-\x20it\x20means\x20\x22no\x20modifier\x22\x0a-\x20DO\x20NOT\x20guess\x20or\x20use\x20classes\x20from\x20memory\x0a-\x20ONLY\x20use\x20values\x20that\x20appear\x20in\x20the\x20daisyUI\x20Snippets\x20results\x20as\x20class\x20names\x0a-\x20NEVER\x20use\x20inline\x20CSS\x20(style=\x22...\x22)\x20or\x20custom\x20CSS\x20-\x20ONLY\x20use\x20daisyUI\x20classes\x20from\x20daisyUI\x20Snippets\x20or\x20Tailwind\x20utility\x20classes\x0a-\x20For\x20colors:\x20use\x20daisyUI\x20color\x20utilities\x20(bg-base-100,\x20text-primary,\x20etc.)\x20or\x20if\x20necessary\x20Tailwind\x20utilities\x20(bg-white,\x20text-blue-500,\x20etc.)\x0a-\x20For\x20spacing,\x20sizing:\x20use\x20Tailwind\x20utilities\x20(bg-blue-500,\x20p-4,\x20w-full,\x20etc.)\x0a-\x20For\x20components:\x20use\x20daisyUI\x20classes\x20from\x20daisyUI\x20Snippets\x20(btn,\x20card,\x20badge,\x20etc.)\x0a','2VaEobn','8AVlfHZ','search','toString','462549fNWjwW','apply','530XNHwgY','Retrieve\x20properties\x20and\x20structure\x20of\x20a\x20Figma\x20design\x20from\x20a\x20Figma\x20URL.\x20Returns\x20information\x20about\x20frames,\x20components,\x20text,\x20colors,\x20layout\x20properties,\x20and\x20more.\x20Supports\x20fetching\x20entire\x20files\x20or\x20specific\x20nodes.\x0aCRITICAL\x20WORKFLOW\x20-\x20After\x20calling\x20this\x20tool,\x20you\x20MUST\x20follow\x20these\x20steps\x20IN\x20ORDER:\x0a1.\x20ANALYZE\x20the\x20returned\x20Figma\x20design\x20structure\x20(layout,\x20components,\x20colors,\x20text,\x20spacing)\x0a2.\x20DECIDE\x20which\x20daisyUI\x20snippets\x20are\x20needed\x20to\x20recreate\x20the\x20Figma\x20design\x20(check\x20daisyUI\x20Snippets\x20tool\x20description\x20for\x20available\x20snippets)\x0a3.\x20CALL\x20daisyUI\x20Snippets\x20tool\x20with\x20ALL\x20required\x20snippet\x20names\x20in\x20a\x20single\x20array\x0a4.\x20RECREATE\x20the\x20Figma\x20design\x20in\x20HTML\x20using\x20the\x20retrieved\x20daisyUI\x20component\x20code\x5cn\x0aDO\x20NOT\x20SKIP\x20ANY\x20STEP.\x20Each\x20step\x20is\x20required\x20to\x20successfully\x20convert\x20the\x20Figma\x20design\x20to\x20daisyUI\x20code.\x0a','991333kfhSjG','constructor','24579jYNPsv','##\x20daisyUI\x20class\x20names\x20type\x20reference\x0a\x0adaisyUI\x205\x20class\x20names\x20are\x20one\x20of\x20the\x20following\x20categories.\x20These\x20type\x20names\x20are\x20only\x20for\x20reference\x20and\x20are\x20not\x20used\x20in\x20the\x20actual\x20code\x0a-\x20\x22COMPONENT\x22:\x20the\x20required\x20component\x20class\x0a-\x20\x22PART\x22:\x20a\x20child\x20part\x20of\x20a\x20component\x0a-\x20\x22STYLE\x22:\x20sets\x20a\x20specific\x20style\x20to\x20component\x20or\x20part\x0a-\x20\x22BEHAVIOR\x22:\x20changes\x20the\x20behavior\x20of\x20component\x20or\x20part\x0a-\x20\x22COLOR\x22:\x20sets\x20a\x20specific\x20color\x20to\x20component\x20or\x20part\x0a-\x20\x22SIZE\x22:\x20sets\x20a\x20specific\x20size\x20to\x20component\x20or\x20part\x0a-\x20\x22PLACEMENT\x22:\x20sets\x20a\x20specific\x20placement\x20to\x20component\x20or\x20part\x0a-\x20\x22DIRECTION\x22:\x20sets\x20a\x20specific\x20direction\x20to\x20component\x20or\x20part\x0a-\x20\x22MODIFIER\x22:\x20modifies\x20the\x20component\x20or\x20part\x20in\x20a\x20specific\x20way\x0a-\x20\x22VARIANT\x22:\x20prefixes\x20for\x20utility\x20classes\x20that\x20conditionally\x20apply\x20styles.\x20syntax\x20is\x20\x22variant:utility-class\x22\x0a','145527HUgXKh','212718LWpPTN','404424hKuaYW'];U=function(){return O;};return U();}const H=(function(){let r=!![];return function(K,Y){const h=r?function(){const Z=c;if(Y){const N=Y[Z(0x19f)](K,arguments);return Y=null,N;}}:function(){};return r=![],h;};}()),u=H(this,function(){const k=c;return u[k(0x19d)]()[k(0x19c)](k(0x1aa))['toString']()[k(0x1a3)](u)[k(0x19c)]('(((.+)+)+)+$');});function c(u,H){u=u-0x199;const r=U();let K=r[u];return K;}u();export const RULES={'component-types-info':X(0x1a5),'figma-to-daisyui':X(0x1a1),'read-figma-structure':X(0x199)};
|