From 9b0e41c50d5221090941fba0a32a47d211197a38 Mon Sep 17 00:00:00 2001 From: Lukas Frey Date: Wed, 18 Oct 2023 14:17:07 +0200 Subject: [PATCH] feat: added vertical and responsive clusters support Signed-off-by: Lukas Frey --- README.md | 23 ++++++++++++++ docs/images/screenshot_02.png | Bin 0 -> 30619 bytes resources/css/plugin.css | 50 ++++++++++++++---------------- resources/dist/plugin.css | 2 +- resources/views/cluster.blade.php | 5 ++- src/Forms/Cluster.php | 42 +++++++++++++++++-------- tailwind.config.js | 4 +-- 7 files changed, 83 insertions(+), 43 deletions(-) create mode 100644 docs/images/screenshot_02.png diff --git a/README.md b/README.md index 14c1810..a86538f 100644 --- a/README.md +++ b/README.md @@ -15,6 +15,8 @@ Functionality wise it is similar to the `Group` component except that the fields ![Screenshot 01](docs/images/screenshot_01.jpg) +![Screenshot 02](docs/images/screenshot_02.png) + ## Support us Your support is key to the continual advancement of our plugin. We appreciate every user who has contributed to our journey so far. @@ -78,6 +80,27 @@ Cluster::make([ ])->columns(5); ``` +#### Vertical Clusters +To create a vertical clusters, you simply need set the columns of the Cluster to 1: + +```php +Cluster::make([ + // Schema +])->columns(1); +``` + +#### Different Breakpoints +The breakpoints use the same system as Filament`s columns, so you can customize each breakpoint by passing in an array: + +```php +Cluster::make([ + // Schema +])->columns([ + 'default' => 1, + 'lg' => 3, +]); +``` + ## Contributing Please see [CONTRIBUTING](./.github/CONTRIBUTING.md) for details. diff --git a/docs/images/screenshot_02.png b/docs/images/screenshot_02.png new file mode 100644 index 0000000000000000000000000000000000000000..24c27dc4d7f0f7d7340970f23c6bcb74277d0796 GIT binary patch literal 30619 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 div > .fi-fo-component-ctn > div:not(:last-child) { + @apply !border-e-0 !border-b; } - & .fi-input-wrp { - @apply !bg-transparent; + .guava-fi-cl-cluster.horizontal > div > .fi-fo-component-ctn > div:not(:last-child) { + @apply !border-b-0 !border-e; } - & .fi-input-wrp:not(.ring-danger-600):not(.dark\:ring-danger-500) { - @apply !ring-0; + .guava-fi-cl-cluster .fi-fo-component-ctn > div { + @apply !border-gray-200 !pe-0 dark:!border-white/10; } - & .fi-fo-component-ctn { - @apply !gap-0; - - .fi-input-wrp { - @apply !shadow-none; - } - /*.fi-input-wrp,*/ - .fi-input-wrp:focus-within { - @apply !ring-2; + .guava-fi-cl-cluster { + &:focus-within { + @apply !ring-1 !ring-gray-950/10 dark:!ring-white/20; } - & > div:not(:last-child) { - @apply !border-e !border-gray-200 !pe-0 dark:!border-white/10; + & .fi-input-wrp { + @apply !bg-transparent; } - - & > div:not(:first-child):not(:last-child) .fi-input-wrp { - @apply rounded-none; + & .fi-input-wrp:not(.ring-danger-600):not(.dark\:ring-danger-500) { + @apply !ring-0; } - & > div:first-child .fi-input-wrp { - @apply rounded-r-none; - } + & .fi-fo-component-ctn { + @apply !gap-0; + + .fi-input-wrp { + @apply !shadow-none; + } - & > div:last-child .fi-input-wrp { - @apply rounded-l-none; + .fi-input-wrp:not(.guava-fi-cl-cluster):focus-within { + @apply !ring-2; + } } } + } diff --git a/resources/dist/plugin.css b/resources/dist/plugin.css index 2e1b093..cc5eacd 100644 --- a/resources/dist/plugin.css +++ b/resources/dist/plugin.css @@ -1 +1 @@ -/*! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgba(var(--gray-200),1)}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-family),ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:rgba(var(--gray-400),1)}input::placeholder,textarea::placeholder{opacity:1;color:rgba(var(--gray-400),1)}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:rgba(var(--gray-500),var(--tw-border-opacity,1));border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:rgba(var(--gray-500),var(--tw-text-opacity,1));opacity:1}input::placeholder,textarea::placeholder{color:rgba(var(--gray-500),var(--tw-text-opacity,1));opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='rgba(var(--gray-500), var(--tw-stroke-opacity, 1))' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:rgba(var(--gray-500),var(--tw-border-opacity,1));border-width:1px;--tw-shadow:0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:#0000;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=checkbox]:indeterminate,[type=radio]:checked:focus,[type=radio]:checked:hover{border-color:#0000;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{border-color:#0000;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}html{-webkit-tap-highlight-color:transparent}:root.dark{color-scheme:dark}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.guava-fi-cl-cluster:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important;--tw-ring-color:rgba(var(--gray-950),0.1)!important}:is(.dark .guava-fi-cl-cluster:focus-within){--tw-ring-color:#fff3!important}.guava-fi-cl-cluster .fi-input-wrp{background-color:initial!important}.guava-fi-cl-cluster .fi-input-wrp:not(.ring-danger-600):not(.dark\:ring-danger-500){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.guava-fi-cl-cluster .fi-fo-component-ctn{gap:0!important}.guava-fi-cl-cluster .fi-fo-component-ctn .fi-input-wrp{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.guava-fi-cl-cluster .fi-fo-component-ctn .fi-input-wrp:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.guava-fi-cl-cluster .fi-fo-component-ctn>div:not(:last-child){border-inline-end-width:1px!important;--tw-border-opacity:1!important;border-color:rgba(var(--gray-200),var(--tw-border-opacity))!important;padding-inline-end:0!important}:is(.dark .guava-fi-cl-cluster .fi-fo-component-ctn>div:not(:last-child)){border-color:#ffffff1a!important}.guava-fi-cl-cluster .fi-fo-component-ctn>div:not(:first-child):not(:last-child) .fi-input-wrp{border-radius:0}.guava-fi-cl-cluster .fi-fo-component-ctn>div:first-child .fi-input-wrp{border-top-right-radius:0;border-bottom-right-radius:0}.guava-fi-cl-cluster .fi-fo-component-ctn>div:last-child .fi-input-wrp{border-top-left-radius:0;border-bottom-left-radius:0}:is(.dark .dark\:prose-invert){--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.disabled\:placeholder\:\[-webkit-text-fill-color\:theme\(colors\.gray\.400\)\]:disabled::-moz-placeholder,.disabled\:placeholder\:\[-webkit-text-fill-color\:theme\(colors\.gray\.400\)\]:disabled::placeholder{-webkit-text-fill-color:rgba(var(--gray-400),1)}:is([dir=ltr] .ltr\:hidden),:is([dir=rtl] .rtl\:hidden){display:none}:is([dir=rtl] .rtl\:-translate-x-0){--tw-translate-x:-0px}:is([dir=rtl] .rtl\:-translate-x-0),:is([dir=rtl] .rtl\:-translate-x-5){transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is([dir=rtl] .rtl\:-translate-x-5){--tw-translate-x:-1.25rem}:is([dir=rtl] .rtl\:-translate-x-full){--tw-translate-x:-100%}:is([dir=rtl] .rtl\:-translate-x-full),:is([dir=rtl] .rtl\:translate-x-1\/2){transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is([dir=rtl] .rtl\:translate-x-1\/2){--tw-translate-x:50%}:is([dir=rtl] .rtl\:translate-x-full){--tw-translate-x:100%}:is([dir=rtl] .rtl\:rotate-180),:is([dir=rtl] .rtl\:translate-x-full){transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is([dir=rtl] .rtl\:rotate-180){--tw-rotate:180deg}:is([dir=rtl] .rtl\:flex-row-reverse){flex-direction:row-reverse}:is([dir=rtl] .rtl\:divide-x-reverse)>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:1}:is(.dark .dark\:divide-white\/10)>:not([hidden])~:not([hidden]){border-color:#ffffff1a}:is(.dark .dark\:divide-white\/20)>:not([hidden])~:not([hidden]){border-color:#fff3}:is(.dark .dark\:divide-white\/5)>:not([hidden])~:not([hidden]){border-color:#ffffff0d}:is(.dark .dark\:border-gray-600){--tw-border-opacity:1;border-color:rgba(var(--gray-600),var(--tw-border-opacity))}:is(.dark .dark\:border-gray-700){--tw-border-opacity:1;border-color:rgba(var(--gray-700),var(--tw-border-opacity))}:is(.dark .dark\:border-primary-500){--tw-border-opacity:1;border-color:rgba(var(--primary-500),var(--tw-border-opacity))}:is(.dark .dark\:border-white\/10){border-color:#ffffff1a}:is(.dark .dark\:border-white\/5){border-color:#ffffff0d}:is(.dark .dark\:border-t-white\/10){border-top-color:#ffffff1a}:is(.dark .dark\:\!bg-gray-700){--tw-bg-opacity:1!important;background-color:rgba(var(--gray-700),var(--tw-bg-opacity))!important}:is(.dark .dark\:bg-custom-400\/10){background-color:rgba(var(--c-400),.1)}:is(.dark .dark\:bg-custom-500){--tw-bg-opacity:1;background-color:rgba(var(--c-500),var(--tw-bg-opacity))}:is(.dark .dark\:bg-custom-500\/20){background-color:rgba(var(--c-500),.2)}:is(.dark .dark\:bg-gray-400\/10){background-color:rgba(var(--gray-400),.1)}:is(.dark .dark\:bg-gray-500){--tw-bg-opacity:1;background-color:rgba(var(--gray-500),var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-500\/20){background-color:rgba(var(--gray-500),.2)}:is(.dark .dark\:bg-gray-600){--tw-bg-opacity:1;background-color:rgba(var(--gray-600),var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-700){--tw-bg-opacity:1;background-color:rgba(var(--gray-700),var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgba(var(--gray-800),var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-900){--tw-bg-opacity:1;background-color:rgba(var(--gray-900),var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-900\/30){background-color:rgba(var(--gray-900),.3)}:is(.dark .dark\:bg-gray-950){--tw-bg-opacity:1;background-color:rgba(var(--gray-950),var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-950\/75){background-color:rgba(var(--gray-950),.75)}:is(.dark .dark\:bg-primary-400){--tw-bg-opacity:1;background-color:rgba(var(--primary-400),var(--tw-bg-opacity))}:is(.dark .dark\:bg-primary-500){--tw-bg-opacity:1;background-color:rgba(var(--primary-500),var(--tw-bg-opacity))}:is(.dark .dark\:bg-transparent){background-color:initial}:is(.dark .dark\:bg-white\/10){background-color:#ffffff1a}:is(.dark .dark\:bg-white\/5){background-color:#ffffff0d}:is(.dark .dark\:fill-current){fill:currentColor}:is(.dark .dark\:text-custom-300\/50){color:rgba(var(--c-300),.5)}:is(.dark .dark\:text-custom-400){--tw-text-opacity:1;color:rgba(var(--c-400),var(--tw-text-opacity))}:is(.dark .dark\:text-custom-400\/10){color:rgba(var(--c-400),.1)}:is(.dark .dark\:text-danger-400){--tw-text-opacity:1;color:rgba(var(--danger-400),var(--tw-text-opacity))}:is(.dark .dark\:text-gray-200){--tw-text-opacity:1;color:rgba(var(--gray-200),var(--tw-text-opacity))}:is(.dark .dark\:text-gray-300\/50){color:rgba(var(--gray-300),.5)}:is(.dark .dark\:text-gray-400){--tw-text-opacity:1;color:rgba(var(--gray-400),var(--tw-text-opacity))}:is(.dark .dark\:text-gray-500){--tw-text-opacity:1;color:rgba(var(--gray-500),var(--tw-text-opacity))}:is(.dark .dark\:text-gray-700){--tw-text-opacity:1;color:rgba(var(--gray-700),var(--tw-text-opacity))}:is(.dark .dark\:text-gray-800){--tw-text-opacity:1;color:rgba(var(--gray-800),var(--tw-text-opacity))}:is(.dark .dark\:text-primary-400){--tw-text-opacity:1;color:rgba(var(--primary-400),var(--tw-text-opacity))}:is(.dark .dark\:text-primary-500){--tw-text-opacity:1;color:rgba(var(--primary-500),var(--tw-text-opacity))}:is(.dark .dark\:text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(.dark .dark\:text-white\/5){color:#ffffff0d}:is(.dark .dark\:ring-custom-400\/30){--tw-ring-color:rgba(var(--c-400),0.3)}:is(.dark .dark\:ring-custom-500){--tw-ring-opacity:1;--tw-ring-color:rgba(var(--c-500),var(--tw-ring-opacity))}:is(.dark .dark\:ring-danger-500){--tw-ring-opacity:1;--tw-ring-color:rgba(var(--danger-500),var(--tw-ring-opacity))}:is(.dark .dark\:ring-gray-400\/20){--tw-ring-color:rgba(var(--gray-400),0.2)}:is(.dark .dark\:ring-gray-50\/10){--tw-ring-color:rgba(var(--gray-50),0.1)}:is(.dark .dark\:ring-gray-700){--tw-ring-opacity:1;--tw-ring-color:rgba(var(--gray-700),var(--tw-ring-opacity))}:is(.dark .dark\:ring-gray-900){--tw-ring-opacity:1;--tw-ring-color:rgba(var(--gray-900),var(--tw-ring-opacity))}:is(.dark .dark\:ring-white\/10){--tw-ring-color:#ffffff1a}:is(.dark .dark\:ring-white\/20){--tw-ring-color:#fff3}:is(.dark .dark\:placeholder\:text-gray-500)::-moz-placeholder{--tw-text-opacity:1;color:rgba(var(--gray-500),var(--tw-text-opacity))}:is(.dark .dark\:placeholder\:text-gray-500)::placeholder{--tw-text-opacity:1;color:rgba(var(--gray-500),var(--tw-text-opacity))}:is(.dark .dark\:before\:bg-primary-500):before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgba(var(--primary-500),var(--tw-bg-opacity))}:is(.dark .dark\:checked\:bg-danger-500:checked){--tw-bg-opacity:1;background-color:rgba(var(--danger-500),var(--tw-bg-opacity))}:is(.dark .dark\:checked\:bg-primary-500:checked){--tw-bg-opacity:1;background-color:rgba(var(--primary-500),var(--tw-bg-opacity))}:is(.dark .dark\:focus-within\:bg-white\/5:focus-within){background-color:#ffffff0d}:is(.dark .dark\:focus-within\:ring-danger-500:focus-within){--tw-ring-opacity:1;--tw-ring-color:rgba(var(--danger-500),var(--tw-ring-opacity))}:is(.dark .dark\:focus-within\:ring-primary-500:focus-within){--tw-ring-opacity:1;--tw-ring-color:rgba(var(--primary-500),var(--tw-ring-opacity))}:is(.dark .dark\:hover\:bg-custom-400:hover){--tw-bg-opacity:1;background-color:rgba(var(--c-400),var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-custom-400\/10:hover){background-color:rgba(var(--c-400),.1)}:is(.dark .dark\:hover\:bg-white\/10:hover){background-color:#ffffff1a}:is(.dark .dark\:hover\:bg-white\/5:hover){background-color:#ffffff0d}:is(.dark .dark\:hover\:text-custom-300:hover){--tw-text-opacity:1;color:rgba(var(--c-300),var(--tw-text-opacity))}:is(.dark .dark\:hover\:text-custom-300\/75:hover){color:rgba(var(--c-300),.75)}:is(.dark .dark\:hover\:text-gray-200:hover){--tw-text-opacity:1;color:rgba(var(--gray-200),var(--tw-text-opacity))}:is(.dark .dark\:hover\:text-gray-300\/75:hover){color:rgba(var(--gray-300),.75)}:is(.dark .dark\:hover\:text-gray-400:hover){--tw-text-opacity:1;color:rgba(var(--gray-400),var(--tw-text-opacity))}:is(.dark .dark\:hover\:ring-white\/20:hover){--tw-ring-color:#fff3}:is(.dark .dark\:focus\:border-primary-500:focus){--tw-border-opacity:1;border-color:rgba(var(--primary-500),var(--tw-border-opacity))}:is(.dark .dark\:focus\:bg-custom-400\/10:focus){background-color:rgba(var(--c-400),.1)}:is(.dark .dark\:focus\:bg-white\/5:focus){background-color:#ffffff0d}:is(.dark .dark\:focus\:text-custom-300\/75:focus){color:rgba(var(--c-300),.75)}:is(.dark .dark\:focus\:text-gray-200:focus){--tw-text-opacity:1;color:rgba(var(--gray-200),var(--tw-text-opacity))}:is(.dark .dark\:focus\:text-gray-300\/75:focus){color:rgba(var(--gray-300),.75)}:is(.dark .dark\:focus\:text-gray-400:focus){--tw-text-opacity:1;color:rgba(var(--gray-400),var(--tw-text-opacity))}:is(.dark .dark\:focus\:ring-custom-400\/50:focus){--tw-ring-color:rgba(var(--c-400),0.5)}:is(.dark .dark\:focus\:ring-custom-500:focus){--tw-ring-opacity:1;--tw-ring-color:rgba(var(--c-500),var(--tw-ring-opacity))}:is(.dark .dark\:focus\:ring-danger-500:focus){--tw-ring-opacity:1;--tw-ring-color:rgba(var(--danger-500),var(--tw-ring-opacity))}:is(.dark .dark\:focus\:ring-primary-500:focus){--tw-ring-opacity:1;--tw-ring-color:rgba(var(--primary-500),var(--tw-ring-opacity))}:is(.dark .dark\:checked\:focus\:ring-danger-400\/50:focus:checked){--tw-ring-color:rgba(var(--danger-400),0.5)}:is(.dark .dark\:checked\:focus\:ring-primary-400\/50:focus:checked){--tw-ring-color:rgba(var(--primary-400),0.5)}:is(.dark .dark\:focus-visible\:ring-primary-500:focus-visible){--tw-ring-opacity:1;--tw-ring-color:rgba(var(--primary-500),var(--tw-ring-opacity))}:is(.dark .dark\:disabled\:bg-transparent:disabled){background-color:initial}:is(.dark .dark\:disabled\:text-gray-400:disabled){--tw-text-opacity:1;color:rgba(var(--gray-400),var(--tw-text-opacity))}:is(.dark .dark\:disabled\:ring-white\/10:disabled){--tw-ring-color:#ffffff1a}:is(.dark .dark\:disabled\:\[-webkit-text-fill-color\:theme\(colors\.gray\.400\)\]:disabled){-webkit-text-fill-color:rgba(var(--gray-400),1)}:is(.dark .dark\:disabled\:placeholder\:\[-webkit-text-fill-color\:theme\(colors\.gray\.500\)\]:disabled)::-moz-placeholder,:is(.dark .dark\:disabled\:placeholder\:\[-webkit-text-fill-color\:theme\(colors\.gray\.500\)\]:disabled)::placeholder{-webkit-text-fill-color:rgba(var(--gray-500),1)}:is(.dark .dark\:disabled\:checked\:bg-gray-600:checked:disabled){--tw-bg-opacity:1;background-color:rgba(var(--gray-600),var(--tw-bg-opacity))}:is(.dark .group\/button:hover .dark\:group-hover\/button\:text-gray-400){--tw-text-opacity:1;color:rgba(var(--gray-400),var(--tw-text-opacity))}:is(.dark .group:hover .dark\:group-hover\:text-gray-200){--tw-text-opacity:1;color:rgba(var(--gray-200),var(--tw-text-opacity))}:is(.dark .group:hover .dark\:group-hover\:text-gray-400){--tw-text-opacity:1;color:rgba(var(--gray-400),var(--tw-text-opacity))}:is(.dark .group:focus .dark\:group-focus\:text-gray-200){--tw-text-opacity:1;color:rgba(var(--gray-200),var(--tw-text-opacity))}:is(.dark .group:focus .dark\:group-focus\:text-gray-400){--tw-text-opacity:1;color:rgba(var(--gray-400),var(--tw-text-opacity))}@media (min-width:1024px){:is([dir=rtl] .rtl\:lg\:-translate-x-0){--tw-translate-x:-0px}:is([dir=rtl] .rtl\:lg\:-translate-x-0),:is([dir=rtl] .rtl\:lg\:translate-x-full){transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is([dir=rtl] .rtl\:lg\:translate-x-full){--tw-translate-x:100%}:is(.dark .dark\:lg\:bg-transparent){background-color:initial}}:is(.dark .dark\:\[\&\.trix-active\]\:bg-white\/5.trix-active){background-color:#ffffff0d}:is(.dark .dark\:\[\&\.trix-active\]\:text-primary-400.trix-active){--tw-text-opacity:1;color:rgba(var(--primary-400),var(--tw-text-opacity))}:is(.dark .\[\&\>\*\:first-child\]\:dark\:before\:bg-primary-500)>:first-child:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgba(var(--primary-500),var(--tw-bg-opacity))}:is(.dark .\[\&_optgroup\]\:dark\:bg-gray-900) optgroup{--tw-bg-opacity:1;background-color:rgba(var(--gray-900),var(--tw-bg-opacity))}:is(.dark .\[\&_option\]\:dark\:bg-gray-900) option{--tw-bg-opacity:1;background-color:rgba(var(--gray-900),var(--tw-bg-opacity))} \ No newline at end of file +/*! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgba(var(--gray-200),1)}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-family),ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:rgba(var(--gray-400),1)}input::placeholder,textarea::placeholder{opacity:1;color:rgba(var(--gray-400),1)}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:rgba(var(--gray-500),var(--tw-border-opacity,1));border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:rgba(var(--gray-500),var(--tw-text-opacity,1));opacity:1}input::placeholder,textarea::placeholder{color:rgba(var(--gray-500),var(--tw-text-opacity,1));opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='rgba(var(--gray-500), var(--tw-stroke-opacity, 1))' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:rgba(var(--gray-500),var(--tw-border-opacity,1));border-width:1px;--tw-shadow:0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid #0000;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:#0000;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=checkbox]:indeterminate,[type=radio]:checked:focus,[type=radio]:checked:hover{border-color:#0000;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{border-color:#0000;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}html{-webkit-tap-highlight-color:transparent}:root.dark{color-scheme:dark}.guava-fi-cl-cluster.vertical>div>.fi-fo-component-ctn>div:not(:last-child){border-inline-end-width:0!important;border-bottom-width:1px!important}.guava-fi-cl-cluster.horizontal>div>.fi-fo-component-ctn>div:not(:last-child){border-bottom-width:0!important;border-inline-end-width:1px!important}.guava-fi-cl-cluster .fi-fo-component-ctn>div{--tw-border-opacity:1!important;border-color:rgba(var(--gray-200),var(--tw-border-opacity))!important;padding-inline-end:0!important}:is(.dark .guava-fi-cl-cluster .fi-fo-component-ctn>div){border-color:#ffffff1a!important}.guava-fi-cl-cluster:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important;--tw-ring-color:rgba(var(--gray-950),0.1)!important}:is(.dark .guava-fi-cl-cluster:focus-within){--tw-ring-color:#fff3!important}.guava-fi-cl-cluster .fi-input-wrp{background-color:initial!important}.guava-fi-cl-cluster .fi-input-wrp:not(.ring-danger-600):not(.dark\:ring-danger-500){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.guava-fi-cl-cluster .fi-fo-component-ctn{gap:0!important}.guava-fi-cl-cluster .fi-fo-component-ctn .fi-input-wrp{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.guava-fi-cl-cluster .fi-fo-component-ctn .fi-input-wrp:not(.guava-fi-cl-cluster):focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width:640px){.sm\:vertical.guava-fi-cl-cluster>div>.fi-fo-component-ctn>div:not(:last-child){border-inline-end-width:0!important;border-bottom-width:1px!important}.sm\:horizontal.guava-fi-cl-cluster>div>.fi-fo-component-ctn>div:not(:last-child){border-bottom-width:0!important;border-inline-end-width:1px!important}}@media (min-width:768px){.md\:vertical.guava-fi-cl-cluster>div>.fi-fo-component-ctn>div:not(:last-child){border-inline-end-width:0!important;border-bottom-width:1px!important}.md\:horizontal.guava-fi-cl-cluster>div>.fi-fo-component-ctn>div:not(:last-child){border-bottom-width:0!important;border-inline-end-width:1px!important}}@media (min-width:1024px){.lg\:vertical.guava-fi-cl-cluster>div>.fi-fo-component-ctn>div:not(:last-child){border-inline-end-width:0!important;border-bottom-width:1px!important}.lg\:horizontal.guava-fi-cl-cluster>div>.fi-fo-component-ctn>div:not(:last-child){border-bottom-width:0!important;border-inline-end-width:1px!important}}@media (min-width:1280px){.xl\:vertical.guava-fi-cl-cluster>div>.fi-fo-component-ctn>div:not(:last-child){border-inline-end-width:0!important;border-bottom-width:1px!important}.xl\:horizontal.guava-fi-cl-cluster>div>.fi-fo-component-ctn>div:not(:last-child){border-bottom-width:0!important;border-inline-end-width:1px!important}}@media (min-width:1536px){.\32xl\:vertical.guava-fi-cl-cluster>div>.fi-fo-component-ctn>div:not(:last-child){border-inline-end-width:0!important;border-bottom-width:1px!important}.\32xl\:horizontal.guava-fi-cl-cluster>div>.fi-fo-component-ctn>div:not(:last-child){border-bottom-width:0!important;border-inline-end-width:1px!important}}:is(.dark .dark\:prose-invert){--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.focus\:border-primary-500:focus{--tw-border-opacity:1;border-color:rgba(var(--primary-500),var(--tw-border-opacity))}.focus\:bg-custom-50:focus{--tw-bg-opacity:1;background-color:rgba(var(--c-50),var(--tw-bg-opacity))}.focus\:bg-gray-100:focus{--tw-bg-opacity:1;background-color:rgba(var(--gray-100),var(--tw-bg-opacity))}.focus\:bg-gray-50:focus{--tw-bg-opacity:1;background-color:rgba(var(--gray-50),var(--tw-bg-opacity))}.focus\:text-custom-700\/75:focus{color:rgba(var(--c-700),.75)}.focus\:text-gray-500:focus{--tw-text-opacity:1;color:rgba(var(--gray-500),var(--tw-text-opacity))}.focus\:text-gray-700:focus{--tw-text-opacity:1;color:rgba(var(--gray-700),var(--tw-text-opacity))}.focus\:text-gray-700\/75:focus{color:rgba(var(--gray-700),.75)}.focus\:underline:focus{text-decoration-line:underline}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring-1:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-inset:focus{--tw-ring-inset:inset}.focus\:ring-custom-500\/50:focus{--tw-ring-color:rgba(var(--c-500),0.5)}.focus\:ring-custom-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(var(--c-600),var(--tw-ring-opacity))}.focus\:ring-gray-400\/40:focus{--tw-ring-color:rgba(var(--gray-400),0.4)}.focus\:ring-primary-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(var(--primary-500),var(--tw-ring-opacity))}.disabled\:placeholder\:\[-webkit-text-fill-color\:theme\(colors\.gray\.400\)\]:disabled::-moz-placeholder,.disabled\:placeholder\:\[-webkit-text-fill-color\:theme\(colors\.gray\.400\)\]:disabled::placeholder{-webkit-text-fill-color:rgba(var(--gray-400),1)}.group:focus .group-focus\:text-gray-500{--tw-text-opacity:1;color:rgba(var(--gray-500),var(--tw-text-opacity))}.group:focus .group-focus\:text-gray-700{--tw-text-opacity:1;color:rgba(var(--gray-700),var(--tw-text-opacity))}:is([dir=ltr] .ltr\:hidden),:is([dir=rtl] .rtl\:hidden){display:none}:is([dir=rtl] .rtl\:-translate-x-0){--tw-translate-x:-0px}:is([dir=rtl] .rtl\:-translate-x-0),:is([dir=rtl] .rtl\:-translate-x-5){transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is([dir=rtl] .rtl\:-translate-x-5){--tw-translate-x:-1.25rem}:is([dir=rtl] .rtl\:-translate-x-full){--tw-translate-x:-100%}:is([dir=rtl] .rtl\:-translate-x-full),:is([dir=rtl] .rtl\:translate-x-1\/2){transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is([dir=rtl] .rtl\:translate-x-1\/2){--tw-translate-x:50%}:is([dir=rtl] .rtl\:translate-x-full){--tw-translate-x:100%}:is([dir=rtl] .rtl\:rotate-180),:is([dir=rtl] .rtl\:translate-x-full){transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is([dir=rtl] .rtl\:rotate-180){--tw-rotate:180deg}:is([dir=rtl] .rtl\:flex-row-reverse){flex-direction:row-reverse}:is([dir=rtl] .rtl\:divide-x-reverse)>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:1}:is(.dark .dark\:divide-white\/10)>:not([hidden])~:not([hidden]){border-color:#ffffff1a}:is(.dark .dark\:divide-white\/20)>:not([hidden])~:not([hidden]){border-color:#fff3}:is(.dark .dark\:divide-white\/5)>:not([hidden])~:not([hidden]){border-color:#ffffff0d}:is(.dark .dark\:border-gray-600){--tw-border-opacity:1;border-color:rgba(var(--gray-600),var(--tw-border-opacity))}:is(.dark .dark\:border-gray-700){--tw-border-opacity:1;border-color:rgba(var(--gray-700),var(--tw-border-opacity))}:is(.dark .dark\:border-primary-500){--tw-border-opacity:1;border-color:rgba(var(--primary-500),var(--tw-border-opacity))}:is(.dark .dark\:border-white\/10){border-color:#ffffff1a}:is(.dark .dark\:border-white\/5){border-color:#ffffff0d}:is(.dark .dark\:border-t-white\/10){border-top-color:#ffffff1a}:is(.dark .dark\:\!bg-gray-700){--tw-bg-opacity:1!important;background-color:rgba(var(--gray-700),var(--tw-bg-opacity))!important}:is(.dark .dark\:bg-custom-400\/10){background-color:rgba(var(--c-400),.1)}:is(.dark .dark\:bg-custom-500){--tw-bg-opacity:1;background-color:rgba(var(--c-500),var(--tw-bg-opacity))}:is(.dark .dark\:bg-custom-500\/20){background-color:rgba(var(--c-500),.2)}:is(.dark .dark\:bg-gray-400\/10){background-color:rgba(var(--gray-400),.1)}:is(.dark .dark\:bg-gray-500){--tw-bg-opacity:1;background-color:rgba(var(--gray-500),var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-500\/20){background-color:rgba(var(--gray-500),.2)}:is(.dark .dark\:bg-gray-600){--tw-bg-opacity:1;background-color:rgba(var(--gray-600),var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-700){--tw-bg-opacity:1;background-color:rgba(var(--gray-700),var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgba(var(--gray-800),var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-900){--tw-bg-opacity:1;background-color:rgba(var(--gray-900),var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-900\/30){background-color:rgba(var(--gray-900),.3)}:is(.dark .dark\:bg-gray-950){--tw-bg-opacity:1;background-color:rgba(var(--gray-950),var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-950\/75){background-color:rgba(var(--gray-950),.75)}:is(.dark .dark\:bg-primary-400){--tw-bg-opacity:1;background-color:rgba(var(--primary-400),var(--tw-bg-opacity))}:is(.dark .dark\:bg-primary-500){--tw-bg-opacity:1;background-color:rgba(var(--primary-500),var(--tw-bg-opacity))}:is(.dark .dark\:bg-transparent){background-color:initial}:is(.dark .dark\:bg-white\/10){background-color:#ffffff1a}:is(.dark .dark\:bg-white\/5){background-color:#ffffff0d}:is(.dark .dark\:fill-current){fill:currentColor}:is(.dark .dark\:text-custom-300\/50){color:rgba(var(--c-300),.5)}:is(.dark .dark\:text-custom-400){--tw-text-opacity:1;color:rgba(var(--c-400),var(--tw-text-opacity))}:is(.dark .dark\:text-custom-400\/10){color:rgba(var(--c-400),.1)}:is(.dark .dark\:text-danger-400){--tw-text-opacity:1;color:rgba(var(--danger-400),var(--tw-text-opacity))}:is(.dark .dark\:text-gray-200){--tw-text-opacity:1;color:rgba(var(--gray-200),var(--tw-text-opacity))}:is(.dark .dark\:text-gray-300\/50){color:rgba(var(--gray-300),.5)}:is(.dark .dark\:text-gray-400){--tw-text-opacity:1;color:rgba(var(--gray-400),var(--tw-text-opacity))}:is(.dark .dark\:text-gray-500){--tw-text-opacity:1;color:rgba(var(--gray-500),var(--tw-text-opacity))}:is(.dark .dark\:text-gray-700){--tw-text-opacity:1;color:rgba(var(--gray-700),var(--tw-text-opacity))}:is(.dark .dark\:text-gray-800){--tw-text-opacity:1;color:rgba(var(--gray-800),var(--tw-text-opacity))}:is(.dark .dark\:text-primary-400){--tw-text-opacity:1;color:rgba(var(--primary-400),var(--tw-text-opacity))}:is(.dark .dark\:text-primary-500){--tw-text-opacity:1;color:rgba(var(--primary-500),var(--tw-text-opacity))}:is(.dark .dark\:text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(.dark .dark\:text-white\/5){color:#ffffff0d}:is(.dark .dark\:ring-custom-400\/30){--tw-ring-color:rgba(var(--c-400),0.3)}:is(.dark .dark\:ring-custom-500){--tw-ring-opacity:1;--tw-ring-color:rgba(var(--c-500),var(--tw-ring-opacity))}:is(.dark .dark\:ring-danger-500){--tw-ring-opacity:1;--tw-ring-color:rgba(var(--danger-500),var(--tw-ring-opacity))}:is(.dark .dark\:ring-gray-400\/20){--tw-ring-color:rgba(var(--gray-400),0.2)}:is(.dark .dark\:ring-gray-50\/10){--tw-ring-color:rgba(var(--gray-50),0.1)}:is(.dark .dark\:ring-gray-700){--tw-ring-opacity:1;--tw-ring-color:rgba(var(--gray-700),var(--tw-ring-opacity))}:is(.dark .dark\:ring-gray-900){--tw-ring-opacity:1;--tw-ring-color:rgba(var(--gray-900),var(--tw-ring-opacity))}:is(.dark .dark\:ring-white\/10){--tw-ring-color:#ffffff1a}:is(.dark .dark\:ring-white\/20){--tw-ring-color:#fff3}:is(.dark .dark\:placeholder\:text-gray-500)::-moz-placeholder{--tw-text-opacity:1;color:rgba(var(--gray-500),var(--tw-text-opacity))}:is(.dark .dark\:placeholder\:text-gray-500)::placeholder{--tw-text-opacity:1;color:rgba(var(--gray-500),var(--tw-text-opacity))}:is(.dark .dark\:before\:bg-primary-500):before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgba(var(--primary-500),var(--tw-bg-opacity))}:is(.dark .dark\:checked\:bg-danger-500:checked){--tw-bg-opacity:1;background-color:rgba(var(--danger-500),var(--tw-bg-opacity))}:is(.dark .dark\:checked\:bg-primary-500:checked){--tw-bg-opacity:1;background-color:rgba(var(--primary-500),var(--tw-bg-opacity))}:is(.dark .dark\:focus-within\:bg-white\/5:focus-within){background-color:#ffffff0d}:is(.dark .dark\:focus-within\:ring-danger-500:focus-within){--tw-ring-opacity:1;--tw-ring-color:rgba(var(--danger-500),var(--tw-ring-opacity))}:is(.dark .dark\:focus-within\:ring-primary-500:focus-within){--tw-ring-opacity:1;--tw-ring-color:rgba(var(--primary-500),var(--tw-ring-opacity))}:is(.dark .dark\:hover\:bg-custom-400:hover){--tw-bg-opacity:1;background-color:rgba(var(--c-400),var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-custom-400\/10:hover){background-color:rgba(var(--c-400),.1)}:is(.dark .dark\:hover\:bg-white\/10:hover){background-color:#ffffff1a}:is(.dark .dark\:hover\:bg-white\/5:hover){background-color:#ffffff0d}:is(.dark .dark\:hover\:text-custom-300:hover){--tw-text-opacity:1;color:rgba(var(--c-300),var(--tw-text-opacity))}:is(.dark .dark\:hover\:text-custom-300\/75:hover){color:rgba(var(--c-300),.75)}:is(.dark .dark\:hover\:text-gray-200:hover){--tw-text-opacity:1;color:rgba(var(--gray-200),var(--tw-text-opacity))}:is(.dark .dark\:hover\:text-gray-300\/75:hover){color:rgba(var(--gray-300),.75)}:is(.dark .dark\:hover\:text-gray-400:hover){--tw-text-opacity:1;color:rgba(var(--gray-400),var(--tw-text-opacity))}:is(.dark .dark\:hover\:ring-white\/20:hover){--tw-ring-color:#fff3}:is(.dark .dark\:focus\:border-primary-500:focus){--tw-border-opacity:1;border-color:rgba(var(--primary-500),var(--tw-border-opacity))}:is(.dark .dark\:focus\:bg-custom-400\/10:focus){background-color:rgba(var(--c-400),.1)}:is(.dark .dark\:focus\:bg-white\/5:focus){background-color:#ffffff0d}:is(.dark .dark\:focus\:text-custom-300\/75:focus){color:rgba(var(--c-300),.75)}:is(.dark .dark\:focus\:text-gray-200:focus){--tw-text-opacity:1;color:rgba(var(--gray-200),var(--tw-text-opacity))}:is(.dark .dark\:focus\:text-gray-300\/75:focus){color:rgba(var(--gray-300),.75)}:is(.dark .dark\:focus\:text-gray-400:focus){--tw-text-opacity:1;color:rgba(var(--gray-400),var(--tw-text-opacity))}:is(.dark .dark\:focus\:ring-custom-400\/50:focus){--tw-ring-color:rgba(var(--c-400),0.5)}:is(.dark .dark\:focus\:ring-custom-500:focus){--tw-ring-opacity:1;--tw-ring-color:rgba(var(--c-500),var(--tw-ring-opacity))}:is(.dark .dark\:focus\:ring-danger-500:focus){--tw-ring-opacity:1;--tw-ring-color:rgba(var(--danger-500),var(--tw-ring-opacity))}:is(.dark .dark\:focus\:ring-primary-500:focus){--tw-ring-opacity:1;--tw-ring-color:rgba(var(--primary-500),var(--tw-ring-opacity))}:is(.dark .dark\:checked\:focus\:ring-danger-400\/50:focus:checked){--tw-ring-color:rgba(var(--danger-400),0.5)}:is(.dark .dark\:checked\:focus\:ring-primary-400\/50:focus:checked){--tw-ring-color:rgba(var(--primary-400),0.5)}:is(.dark .dark\:focus-visible\:ring-primary-500:focus-visible){--tw-ring-opacity:1;--tw-ring-color:rgba(var(--primary-500),var(--tw-ring-opacity))}:is(.dark .dark\:disabled\:bg-transparent:disabled){background-color:initial}:is(.dark .dark\:disabled\:text-gray-400:disabled){--tw-text-opacity:1;color:rgba(var(--gray-400),var(--tw-text-opacity))}:is(.dark .dark\:disabled\:ring-white\/10:disabled){--tw-ring-color:#ffffff1a}:is(.dark .dark\:disabled\:\[-webkit-text-fill-color\:theme\(colors\.gray\.400\)\]:disabled){-webkit-text-fill-color:rgba(var(--gray-400),1)}:is(.dark .dark\:disabled\:placeholder\:\[-webkit-text-fill-color\:theme\(colors\.gray\.500\)\]:disabled)::-moz-placeholder,:is(.dark .dark\:disabled\:placeholder\:\[-webkit-text-fill-color\:theme\(colors\.gray\.500\)\]:disabled)::placeholder{-webkit-text-fill-color:rgba(var(--gray-500),1)}:is(.dark .dark\:disabled\:checked\:bg-gray-600:checked:disabled){--tw-bg-opacity:1;background-color:rgba(var(--gray-600),var(--tw-bg-opacity))}:is(.dark .group\/button:hover .dark\:group-hover\/button\:text-gray-400){--tw-text-opacity:1;color:rgba(var(--gray-400),var(--tw-text-opacity))}:is(.dark .group:hover .dark\:group-hover\:text-gray-200){--tw-text-opacity:1;color:rgba(var(--gray-200),var(--tw-text-opacity))}:is(.dark .group:hover .dark\:group-hover\:text-gray-400){--tw-text-opacity:1;color:rgba(var(--gray-400),var(--tw-text-opacity))}:is(.dark .group:focus .dark\:group-focus\:text-gray-200){--tw-text-opacity:1;color:rgba(var(--gray-200),var(--tw-text-opacity))}:is(.dark .group:focus .dark\:group-focus\:text-gray-400){--tw-text-opacity:1;color:rgba(var(--gray-400),var(--tw-text-opacity))}@media (min-width:640px){.sm\:inline{display:inline}}@media (min-width:768px){.md\:inline{display:inline}.md\:flex{display:flex}}@media (min-width:1024px){:is([dir=rtl] .rtl\:lg\:-translate-x-0){--tw-translate-x:-0px}:is([dir=rtl] .rtl\:lg\:-translate-x-0),:is([dir=rtl] .rtl\:lg\:translate-x-full){transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is([dir=rtl] .rtl\:lg\:translate-x-full){--tw-translate-x:100%}:is(.dark .dark\:lg\:bg-transparent){background-color:initial}}:is(.dark .dark\:\[\&\.trix-active\]\:bg-white\/5.trix-active){background-color:#ffffff0d}:is(.dark .dark\:\[\&\.trix-active\]\:text-primary-400.trix-active){--tw-text-opacity:1;color:rgba(var(--primary-400),var(--tw-text-opacity))}:is(.dark .\[\&\>\*\:first-child\]\:dark\:before\:bg-primary-500)>:first-child:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgba(var(--primary-500),var(--tw-bg-opacity))}:is(.dark .\[\&_optgroup\]\:dark\:bg-gray-900) optgroup{--tw-bg-opacity:1;background-color:rgba(var(--gray-900),var(--tw-bg-opacity))}:is(.dark .\[\&_option\]\:dark\:bg-gray-900) option{--tw-bg-opacity:1;background-color:rgba(var(--gray-900),var(--tw-bg-opacity))} \ No newline at end of file diff --git a/resources/views/cluster.blade.php b/resources/views/cluster.blade.php index 015f368..965496e 100644 --- a/resources/views/cluster.blade.php +++ b/resources/views/cluster.blade.php @@ -3,7 +3,10 @@ :field="$field" > getResponsiveClasses(), + ]) > {{ $getChildComponentContainer() }} diff --git a/src/Forms/Cluster.php b/src/Forms/Cluster.php index 3def5c7..ee73b29 100644 --- a/src/Forms/Cluster.php +++ b/src/Forms/Cluster.php @@ -30,38 +30,54 @@ public function __construct(string $name) protected string $view = 'filament-clusters::cluster'; + public function getResponsiveClasses(): array + { + $columns = $this->getColumnsConfig(); + + return [ + "vertical" => data_get($columns, 'default', 1) === 1, + "horizontal" => data_get($columns, 'default', 1) > 1, + "sm:vertical" => data_get($columns, 'sm') === 1, + "sm:horizontal" => data_get($columns, 'sm') > 1, + "md:vertical" => data_get($columns, 'md') === 1, + "md:horizontal" => data_get($columns, 'md') > 1, + "lg:vertical" => data_get($columns, 'lg') === 1, + "lg:horizontal" => data_get($columns, 'lg') > 1, + "xl:vertical" => data_get($columns, 'xl') === 1, + "xl:horizontal" => data_get($columns, 'xl') > 1, + "2xl:vertical" => data_get($columns, '2xl') === 1, + "2xl:horizontal" => data_get($columns, '2xl') > 1, + ]; + } + public function getChildComponents(): array { return Arr::map( parent::getChildComponents(), function (Component $component) { return $component - ->fieldWrapperView('filament-clusters::field-wrapper') - ; + ->fieldWrapperView('filament-clusters::field-wrapper'); } ); } public static function make(array $schema = []): static { - $component = app(static::class, [ 'name' => 'cluster', ]) ->when( - ! empty($schema), - fn (Component $component) => $component->schema($schema) + !empty($schema), + fn(Component $component) => $component->schema($schema) ) ->required( - fn (Cluster $component) => Arr::first( - $component->getChildComponents(), - fn (Component $component) => $component instanceof Field && $component->isRequired() - ) !== null - ) - ; + fn(Cluster $component) => Arr::first( + $component->getChildComponents(), + fn(Component $component) => $component instanceof Field && $component->isRequired() + ) !== null + ); return $component - ->columns(count($component->getChildComponents())) - ; + ->columns(count($component->getChildComponents())); } } diff --git a/tailwind.config.js b/tailwind.config.js index 7ae2ac4..c6c8850 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -3,8 +3,8 @@ const preset = require('./vendor/filament/filament/tailwind.config.preset') module.exports = { presets: [preset], content: [ - './app/Filament/**/*.php', - './resources/views/filament/**/*.blade.php', + './src/**/*.php', + './resources/views/**/*.blade.php', './vendor/filament/**/*.blade.php', ], }