@wrdagency/blockout 1.0.34 → 1.0.35

package/dist/assets/index6.css

@@ -1 +1 @@
-.component-dialog{position:fixed;top:1rem;right:1rem;bottom:1rem;left:1rem;z-index:50;margin:auto;height:fit-content;max-height:calc(100dvh - 2rem);max-width:64ch;overflow:auto;border-radius:var(--blockout__radius--lg);background:var(--blockout__colours__surface--0);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d;opacity:0;transform:translateY(1rem);transition:opacity .15s ease,transform .15s ease}.component-dialog[data-enter]{opacity:1;transform:translateY(0)}.component-dialog.component-dialog--top{margin-top:5vh}.component-dialog.component-dialog--bottom{margin-bottom:5vh}.component-dialog.component-dialog--left{margin-top:0;right:auto;left:0;height:100%;max-height:100%;width:100%;max-width:42ch;border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}@media (width <= 42ch){.component-dialog.component-dialog--left{border-top-left-radius:var(--blockout__radius--lg)}}.component-dialog.component-dialog--right{margin-top:0;left:auto;right:0;height:100%;max-height:100%;width:100%;max-width:42ch;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}@media (width <= 42ch){.component-dialog.component-dialog--right{border-top-right-radius:var(--blockout__radius--lg)}}.component-dialog__backdrop{background-color:#0000001a;opacity:0;transition:opacity ease .15s}.component-dialog__backdrop[data-enter]{opacity:1}[data-colour-schema=dark] .component-dialog__backdrop{background-color:#00000054}.component-dialog__header{display:flex;align-items:start;justify-content:space-between;gap:1rem;width:100%;padding:.5rem .5rem .5rem 1.5rem}.component-dialog--divided .component-dialog__header{border-bottom:1px solid var(--blockout__colours__surface--200)}.component-dialog__title{margin-top:.675rem}.component-dialog__body{padding:1rem 1.5rem}.component-dialog--edgeless-x .component-dialog__body{padding-inline:0}.component-dialog--edgeless-y .component-dialog__body{padding-block:0}.component-dialog--edgeless-top .component-dialog__body{padding-top:0}.component-dialog--edgeless-bottom .component-dialog__body{padding-bottom:0}.component-dialog--edgeless-left .component-dialog__body{padding-left:0}.component-dialog--edgeless-right .component-dialog__body{padding-right:0}.component-dialog--edgeless-all .component-dialog__body{padding:0}
+.component-dialog{position:fixed;top:1rem;right:1rem;bottom:1rem;left:1rem;z-index:50;margin:auto;height:fit-content;max-height:calc(100dvh - 2rem);max-width:64ch;overflow:auto;border-radius:var(--blockout__radius--lg);background:var(--blockout__colours__surface--0);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d;opacity:0;transform:translateY(1rem);transition:opacity .15s ease,transform .15s ease}.component-dialog[data-enter]{opacity:1;transform:translateY(0)}.component-dialog.component-dialog--top{margin-top:5vh;max-height:calc(100dvh - 2rem - 5vh)}.component-dialog.component-dialog--bottom{margin-bottom:5vh;max-height:calc(100dvh - 2rem - 5vh)}.component-dialog.component-dialog--left{margin-top:0;right:auto;left:0;height:100%;max-height:100%;width:100%;max-width:42ch;border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}@media (width <= 42ch){.component-dialog.component-dialog--left{border-top-left-radius:var(--blockout__radius--lg)}}.component-dialog.component-dialog--right{margin-top:0;left:auto;right:0;height:100%;max-height:100%;width:100%;max-width:42ch;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}@media (width <= 42ch){.component-dialog.component-dialog--right{border-top-right-radius:var(--blockout__radius--lg)}}.component-dialog__backdrop{background-color:#0000001a;opacity:0;transition:opacity ease .15s}.component-dialog__backdrop[data-enter]{opacity:1}[data-colour-schema=dark] .component-dialog__backdrop{background-color:#00000054}.component-dialog__header{display:flex;align-items:start;justify-content:space-between;gap:1rem;width:100%;padding:.5rem .5rem .5rem 1.5rem}.component-dialog--divided .component-dialog__header{border-bottom:1px solid var(--blockout__colours__surface--200)}.component-dialog__title{margin-top:.675rem}.component-dialog__body{padding:1rem 1.5rem}.component-dialog--edgeless-x .component-dialog__body{padding-inline:0}.component-dialog--edgeless-y .component-dialog__body{padding-block:0}.component-dialog--edgeless-top .component-dialog__body{padding-top:0}.component-dialog--edgeless-bottom .component-dialog__body{padding-bottom:0}.component-dialog--edgeless-left .component-dialog__body{padding-left:0}.component-dialog--edgeless-right .component-dialog__body{padding-right:0}.component-dialog--edgeless-all .component-dialog__body{padding:0}

package/dist/assets/style11.css

@@ -1 +1 @@
-.component-date-control .component-base-control__control{display:flex;align-items:baseline;position:relative;min-height:var(--base-control__min-height);cursor:default}.component-date-control__separator{color:var(--blockout__colours__surface--300)}.component-date-control .component-date-control__input{flex-grow:0;width:calc(var(--date-control__input__length, 2) * 2.5ch);max-width:7ch;min-height:calc(var(--base-control__min-height) - .5rem);padding:calc(var(--base-control__padding) - .5rem) .5rem;margin:.25rem;border-radius:calc(var(--blockout__radius--md) - .25rem)!important}.component-date-control .component-date-control__input:hover,.component-date-control .component-date-control__input:focus{background-color:var(--blockout__colours__surface--200)}.component-date-control__view{position:absolute;display:flex;align-items:center;padding:var(--base-control__padding);background-color:var(--blockout__colours__surface--100);border-radius:var(--blockout__radius--md);top:0;right:0;bottom:0;left:0;right:3.5rem;pointer-events:none}.component-date-control:has(.component-date-control__input:focus) .component-date-control__view{opacity:0}.component-date-control__picker__btn{margin-left:auto;align-self:center}.component-date-picker__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--blockout__colours__surface--300);padding-bottom:.5rem;margin-bottom:.5rem}.component-date-picker__dates{display:grid;gap:.125rem}.component-date-picker__week{display:grid;grid-template-columns:repeat(7,1fr);gap:.125rem}.component-date-picker__date{padding:.375rem;aspect-ratio:1/1;border-radius:var(--blockout__radius--xs);color:var(--blockout__colours__surface--950);font-weight:500;cursor:pointer}.component-date-picker__date:hover{background-color:var(--blockout__colours__surface--0)}.component-date-picker__date:focus-visible{outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-date-picker__date.component-date-picker__date--weekend{color:var(--blockout__colours__surface--600)}.component-date-picker__date.component-date-picker__date--out-of-month{color:var(--blockout__colours__surface--300)}.component-date-picker__date.component-date-picker__date--today{color:var(--blockout__colours__primary--500);outline:1px solid var(--blockout__colours__outline)}.component-date-picker__date[aria-pressed=true]{background-color:var(--blockout__colours__primary--500);color:var(--blockout__colours__surface--0)}
+.component-date-control .component-base-control__control{display:flex;align-items:baseline;position:relative;min-height:var(--base-control__min-height);cursor:default}.component-date-control__separator{color:var(--blockout__colours__surface--300)}.component-date-control .component-date-control__input{flex-grow:0;width:calc(var(--date-control__input__length, 2) * 2.5ch);max-width:7ch;min-height:calc(var(--base-control__min-height) - .5rem);padding:calc(var(--base-control__padding) - .5rem) .5rem;margin:.25rem;border-radius:calc(var(--blockout__radius--md) - .25rem)!important}.component-date-control .component-date-control__input:hover,.component-date-control .component-date-control__input:focus{background-color:var(--blockout__colours__surface--200)}.component-date-control__input,.component-date-control__separator{opacity:0;transition:opacity 75ms ease}.component-date-control__view{position:absolute;display:flex;align-items:center;padding:var(--base-control__padding);border-radius:var(--blockout__radius--md);top:0;right:0;bottom:0;left:0;right:3.5rem;pointer-events:none;transition:opacity 75ms ease}.component-date-control:has(.component-date-control__input:focus) .component-date-control__input,.component-date-control:has(.component-date-control__input:focus) .component-date-control__separator{opacity:1}.component-date-control:has(.component-date-control__input:focus) .component-date-control__view{opacity:0}.component-date-control__picker__btn{margin-left:auto;align-self:center}.component-date-picker__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--blockout__colours__surface--300);padding-bottom:.5rem;margin-bottom:.5rem}.component-date-picker__dates{display:grid;gap:.125rem}.component-date-picker__week{display:grid;grid-template-columns:repeat(7,1fr);gap:.125rem}.component-date-picker__date{padding:.375rem;aspect-ratio:1/1;border-radius:var(--blockout__radius--xs);color:var(--blockout__colours__surface--950);font-weight:500;cursor:pointer}.component-date-picker__date:hover{background-color:var(--blockout__colours__surface--0)}.component-date-picker__date:focus-visible{outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-date-picker__date.component-date-picker__date--weekend{color:var(--blockout__colours__surface--600)}.component-date-picker__date.component-date-picker__date--out-of-month{color:var(--blockout__colours__surface--300)}.component-date-picker__date.component-date-picker__date--today{color:var(--blockout__colours__primary--500);outline:1px solid var(--blockout__colours__outline)}.component-date-picker__date[aria-pressed=true]{background-color:var(--blockout__colours__primary--500);color:var(--blockout__colours__surface--0)}

package/dist/assets/style19.css

@@ -1 +1 @@
-.component-base-popover-control{min-width:0px}.component-base-popover-control .component-base-control__control{min-width:0}.component-base-popover-control__input{cursor:pointer;display:flex;width:100%}.component-base-popover-control__input:focus{outline:none}.component-base-popover-control__input:disabled .component-base-popover-control__value{opacity:.5}.component-base-popover-control__value{flex-grow:1;padding:var(--base-control__padding);min-height:var(--base-control__min-height);width:100%;min-width:0;color:var(--blockout__colours__surface--800);border-top-left-radius:var(--blockout__radius--md);border-bottom-left-radius:var(--blockout__radius--md);font-size:1rem;text-align:left;background-color:transparent;transition:background-color .25s ease;text-transform:capitalize}.component-base-popover-control__popover__wrapper{z-index:9999!important}.component-base-popover-control__popover{background-color:var(--blockout__colours__surface--200);border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);box-shadow:0 .175rem .375rem #0000001a;width:fit-content;max-height:var(--popover-available-height);padding:.5rem;min-height:var(--base-control__min-height)}.component-base-control--normal.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__input:hover){background-color:var(--blockout__colours__surface--200);border-color:var(--blockout__colours__surface--100)}.component-base-control--normal.component-base-popover-control .component-base-control__box .component-base-popover-control__caret:hover{background-color:var(--blockout__colours__surface--200)}.component-base-control--normal.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__caret:hover){background-color:var(--blockout__colours__surface--100)}.component-base-control--normal.component-base-popover-control .component-base-control__box:focus-within{background-color:var(--blockout__colours__surface--50);border-color:var(--blockout__colours__surface--300);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-base-control--outline.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__input:hover){border-color:var(--blockout__colours__primary--500)}.component-base-control--outline.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__caret:hover){border-color:var(--blockout__colours__surface--300)}.component-base-control--outline.component-base-popover-control .component-base-control__box:focus-within{border-color:var(--blockout__colours__primary--500);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-base-control--ghost.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__input:hover){border-color:var(--blockout__colours__surface--300)}.component-base-control--ghost.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__caret:hover){border-color:transparent}.component-base-control--ghost.component-base-popover-control .component-base-control__box:focus-within{border-color:var(--blockout__colours__primary--500);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}
+.component-base-popover-control{min-width:0px}.component-base-popover-control .component-base-control__control{min-width:0}.component-base-popover-control__input{cursor:pointer;display:flex;width:100%}.component-base-popover-control__input:focus{outline:none}.component-base-popover-control__input:disabled .component-base-popover-control__value{opacity:.5}.component-base-popover-control__value{flex-grow:1;padding:var(--base-control__padding);min-height:var(--base-control__min-height);width:100%;min-width:0;color:var(--blockout__colours__surface--800);border-top-left-radius:var(--blockout__radius--md);border-bottom-left-radius:var(--blockout__radius--md);font-size:1rem;text-align:left;background-color:transparent;transition:background-color .25s ease;text-transform:capitalize}.component-base-popover-control__caret{align-self:center;margin-right:.25rem}.component-base-popover-control__popover__wrapper{z-index:9999!important}.component-base-popover-control__popover{background-color:var(--blockout__colours__surface--200);border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);box-shadow:0 .175rem .375rem #0000001a;width:fit-content;max-height:var(--popover-available-height);padding:.5rem;min-height:var(--base-control__min-height)}.component-base-control--normal.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__input:hover){background-color:var(--blockout__colours__surface--200);border-color:var(--blockout__colours__surface--100)}.component-base-control--normal.component-base-popover-control .component-base-control__box .component-base-popover-control__caret:hover{background-color:var(--blockout__colours__surface--200)}.component-base-control--normal.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__caret:hover){background-color:var(--blockout__colours__surface--100)}.component-base-control--normal.component-base-popover-control .component-base-control__box:focus-within{background-color:var(--blockout__colours__surface--50);border-color:var(--blockout__colours__surface--300);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-base-control--outline.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__input:hover){border-color:var(--blockout__colours__primary--500)}.component-base-control--outline.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__caret:hover){border-color:var(--blockout__colours__surface--300)}.component-base-control--outline.component-base-popover-control .component-base-control__box:focus-within{border-color:var(--blockout__colours__primary--500);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-base-control--ghost.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__input:hover){border-color:var(--blockout__colours__surface--300)}.component-base-control--ghost.component-base-popover-control .component-base-control__box:focus-within{border-color:var(--blockout__colours__primary--500);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-base-control--ghost.component-base-popover-control .component-base-popover-control__caret{display:none}

package/dist/assets/style20.css

@@ -1 +1 @@
-.component-menu__menu-wrapper{z-index:9999!important}.primitive-popover__target{cursor:pointer}.component-menu__window{background-color:var(--blockout__colours__surface--200);border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);box-shadow:0 .175rem .375rem #0000001a;min-width:calc(var(--popover-anchor-width) + 2px);max-height:var(--popover-available-height);padding:.25rem;min-height:40px;overflow-y:auto}.component-menu__item{display:flex;align-items:baseline;gap:.875rem;padding:.375rem 1.375rem .375rem .675rem;width:100%;cursor:pointer;transition:background-color .25s ease}.component-menu__item:has(.component-menu__item__icon--submenu-indicator){padding-right:.375rem}.component-menu__item[data-active-item=true]{background-color:var(--blockout__colours__surface--100);border-radius:var(--blockout__radius--md)}.component-menu__item:focus-visible{outline:none}.component-menu__item[data-active-item=true] .component-menu__item__label{color:var(--blockout__colours__surface--950)}.component-menu__item[data-active-item=true] .component-menu__item__description{color:var(--blockout__colours__surface--700)}.component-menu__item[aria-disabled=true] .component-menu__item__label{color:var(--blockout__colours__surface--500)}.component-menu__item[aria-disabled=true] .component-menu__item__description{color:var(--blockout__colours__surface--300)}.component-menu__item__icon{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--500)}.component-menu__window:not(:has(.component-menu__item__icon--pictoral:not(.component-menu__item__icon--empty))) .component-menu__item__icon--pictoral{display:none}.component-menu__item__icon--pictoral{transform:translateY(.25rem);margin-left:-.25rem}.component-menu__item__text{flex-grow:1}.component-menu__item__text__header{display:flex;align-items:center;gap:2rem;justify-content:space-between;width:100%}.component-menu__item__text__header+.component-menu__item__description{margin-top:.25rem}.component-menu__item__label{font-weight:500;color:var(--blockout__colours__surface--950);transition:color .25s ease}.component-menu__item__description{font-weight:400;color:var(--blockout__colours__surface--600);font-size:.875rem;padding-right:.375rem;transition:color .25s ease,opacity .25s ease}.component-menu__item--toggle--checked .component-menu__item__icon--checkbox{fill:var(--blockout__colours__surface--950)}.component-menu__separator{margin:.5rem;border-top:1px solid var(--blockout__colours__surface--300);border-bottom:none}
+.component-menu__menu-wrapper{z-index:9999!important}.primitive-popover__target{cursor:pointer}.component-menu__window{background-color:var(--blockout__colours__surface--200);border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);box-shadow:0 .175rem .375rem #0000001a;min-width:calc(var(--popover-anchor-width) + 2px);max-height:var(--popover-available-height);padding:.25rem;min-height:40px;overflow-y:auto}.component-menu__item{display:flex;align-items:baseline;gap:.875rem;padding:.375rem 1.375rem .375rem .675rem;width:100%;cursor:pointer;transition:background-color .25s ease}.component-menu__item:has(.component-menu__item__icon--submenu-indicator){padding-right:.375rem}.component-menu__item[data-active-item=true]{background-color:var(--blockout__colours__surface--100);border-radius:var(--blockout__radius--md)}.component-menu__item:focus-visible{outline:none}.component-menu__item[data-active-item=true] .component-menu__item__label{color:var(--blockout__colours__surface--950)}.component-menu__item[data-active-item=true] .component-menu__item__description{color:var(--blockout__colours__surface--700)}.component-menu__item[aria-disabled=true] .component-menu__item__label{color:var(--blockout__colours__surface--500)}.component-menu__item[aria-disabled=true] .component-menu__item__description{color:var(--blockout__colours__surface--300)}.component-menu__item__icon{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--500)}.component-menu__window:not(:has(.component-menu__item__icon--pictoral:not(.component-menu__item__icon--empty))) .component-menu__item__icon--pictoral{display:none}.component-menu__item__icon--pictoral:not(.component-avatar){transform:translateY(.25rem);margin-left:-.25rem}.component-menu__item__text{flex-grow:1}.component-menu__item__text__header{display:flex;align-items:center;gap:2rem;justify-content:space-between;width:100%}.component-menu__item__text__header+.component-menu__item__description{margin-top:.25rem}.component-menu__item__label{font-weight:500;color:var(--blockout__colours__surface--950);transition:color .25s ease}.component-menu__item__description{font-weight:400;color:var(--blockout__colours__surface--600);font-size:.875rem;padding-right:.375rem;transition:color .25s ease,opacity .25s ease}.component-menu__item--toggle--checked .component-menu__item__icon--checkbox{fill:var(--blockout__colours__surface--950)}.component-menu__separator{margin:.5rem;border-top:1px solid var(--blockout__colours__surface--300);border-bottom:none}

package/dist/assets/style28.css

@@ -1 +1 @@
-.component-recurrence-control .component-base-popover-control__popover{min-width:300px}.component-recurrence-control__row{display:flex;align-items:center;gap:1rem;flex-grow:1}.component-recurrence-control__row:not(:first-child){margin-top:1rem}.component-recurrence-control__row .component-base-control{flex-grow:1}.component-recurrence-control__fieldset{display:flex;flex-direction:column;gap:1rem}.component-recurrence-control__frequency_type{display:flex;align-items:center;gap:1ch}.component-recurrence-control__frequency_type:not(:first-child){margin-top:1rem}.component-recurrence-control__frequency_type .component-recurrence-control__row{margin-top:0}.component-recurrence-control__radio{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;cursor:pointer;border-radius:var(--blockout__radius--xs);outline-offset:0px;outline:0px solid transparent;transition:outline .25s ease,outline-offset .25s ease,background-color .25s ease}.component-recurrence-control__radio>svg{width:1rem;height:1rem}.component-recurrence-control__radio:hover{background-color:var(--blockout__colours__surface--300)}.component-recurrence-control__radio:focus{outline:1px solid var(--blockout__colours__outline);outline-offset:4px}
+.component-recurrence-controller__placeholder{color:var(--blockout__colours__surface--500)}.component-recurrence-control .component-base-popover-control__popover{min-width:300px}.component-recurrence-control__row{display:flex;align-items:center;gap:1rem;flex-grow:1}.component-recurrence-control__row:not(:first-child){margin-top:1rem}.component-recurrence-control__row .component-base-control{flex-grow:1}.component-recurrence-control__fieldset{display:flex;flex-direction:column;gap:1rem}.component-recurrence-control__frequency_type{display:flex;align-items:center;gap:1ch}.component-recurrence-control__frequency_type:not(:first-child){margin-top:1rem}.component-recurrence-control__frequency_type .component-recurrence-control__row{margin-top:0}.component-recurrence-control__radio{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;cursor:pointer;border-radius:var(--blockout__radius--xs);outline-offset:0px;outline:0px solid transparent;transition:outline .25s ease,outline-offset .25s ease,background-color .25s ease}.component-recurrence-control__radio>svg{width:1rem;height:1rem}.component-recurrence-control__radio:hover{background-color:var(--blockout__colours__surface--300)}.component-recurrence-control__radio:focus{outline:1px solid var(--blockout__colours__outline);outline-offset:4px}

package/dist/components/controls/recurrence-control/index.d.ts

@@ -1,5 +1,8 @@
 import { ControlFC } from '../base-control/props';
-type RecurrenceControlProps = {
+type RecurrenceProps = {
+    placeholder?: string;
+};
+type RecurrenceValueProps = {
     allowEmpty?: false;
     value?: string;
     onChangeValue?: (value: string) => void;
@@ -8,5 +11,5 @@ type RecurrenceControlProps = {
     value?: string | undefined;
     onChangeValue?: (value: string | undefined) => void;
 };
-export declare const RecurrenceControl: ControlFC<RecurrenceControlProps>;
+export declare const RecurrenceControl: ControlFC<RecurrenceValueProps & RecurrenceProps>;
 export {};

package/dist/components/controls/recurrence-control/index.js

@@ -1,11 +1,11 @@
-import { jsxs as i, jsx as l, Fragment as L } from "react/jsx-runtime";
-import { getOrdinalSuffix as w } from "../../../utils/date.js";
-import { noop as x } from "../../../utils/noop.js";
-import { t as q, r as M } from "../../../RadioButton.es-D3QVjfF9.js";
-import { useMemo as V } from "react";
-import { R as C, F as n } from "../../../style-D1AX7G7x.js";
-import { useBaseControlProps as W } from "../base-control/props.js";
-import { BasePopoverControl as A } from "../base-popover-control/index.js";
+import { jsx as l, jsxs as t, Fragment as w } from "react/jsx-runtime";
+import { getOrdinalSuffix as C } from "../../../utils/date.js";
+import { noop as M } from "../../../utils/noop.js";
+import { t as V, r as W } from "../../../RadioButton.es-D3QVjfF9.js";
+import { useMemo as A } from "react";
+import { R as N, F as n } from "../../../style-D1AX7G7x.js";
+import { useBaseControlProps as D } from "../base-control/props.js";
+import { BasePopoverControl as K } from "../base-popover-control/index.js";
 import { NumberControl as E } from "../number-control/index.js";
 import { SelectControl as d } from "../select-control/control.js";
 import '../../../assets/style16.css';import '../../../assets/styles.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';import '../../../assets/style7.css';/* empty css                      */
@@ -22,29 +22,30 @@ import "../../../primitives/symbol/index.js";
 /* empty css                       */
 import "../../../match-sorter.esm-MNVE8H_6.js";
 /* empty css                      */
-import { ToggleControl as D } from "../toggle-control/index.js";
-import { ToggleGroupControl as K } from "../toggle-group-control/index.js";
-const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
-  var y, b, h, v, f, g;
-  const { baseProps: s, controlProps: u } = W(c, {
+import { ToggleControl as P } from "../toggle-control/index.js";
+import { ToggleGroupControl as I } from "../toggle-group-control/index.js";
+const _ = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", be = (c) => {
+  var b, h, f, v, g, L;
+  const { baseProps: i, controlProps: u } = D(c, {
     className: "component-recurrence-control"
   }), {
     value: a,
-    onChangeValue: m = x,
-    allowEmpty: t = !1,
-    ...Y
-  } = u, o = C.fromString(a || N), k = V(
-    () => !a && t ? "" : o == null ? void 0 : o.toText(),
-    [a, t]
-  ), R = (e) => {
-    t && m(e ? N : void 0);
-  }, _ = (e) => {
+    onChangeValue: m = M,
+    allowEmpty: p = !1,
+    placeholder: Y = "",
+    ...k
+  } = u, o = N.fromString(a || _), y = /* @__PURE__ */ l("span", { className: "component-recurrence-controller__placeholder", children: Y }), R = A(
+    () => a && (o == null ? void 0 : o.toText()) || y,
+    [a, p]
+  ), F = (e) => {
+    p && m(e ? _ : void 0);
+  }, O = (e) => {
     e === n.DAILY ? r({ freq: n.DAILY, bymonthday: [], byweekday: [] }) : e === n.WEEKLY ? r({ freq: n.WEEKLY, bymonthday: [], byweekday: [0] }) : e === n.MONTHLY && r({ freq: n.MONTHLY, bymonthday: [1], byweekday: [] });
   }, r = (e) => {
-    const p = {
+    const s = {
       ...o.options,
       ...e
-    }, F = [
+    }, S = [
       "byhour",
       "byminute",
       "bysecond",
@@ -52,36 +53,36 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
       "count",
       "until"
     ];
-    for (const S of F)
-      delete p[S];
-    p.freq === n.DAILY && delete p.byweekday;
-    const O = new C(p);
-    m(O.toString());
+    for (const q of S)
+      delete s[q];
+    s.freq === n.DAILY && delete s.byweekday;
+    const x = new N(s);
+    m(x.toString());
   };
-  return /* @__PURE__ */ i(
-    A,
+  return /* @__PURE__ */ t(
+    K,
     {
-      ...s,
-      placeholder: a === void 0 && t ? "" : k,
-      inputProps: Y,
+      ...i,
+      placeholder: R,
+      inputProps: k,
       children: [
-        t && /* @__PURE__ */ l("div", { className: "component-recurrence-control__row", children: /* @__PURE__ */ l(
-          D,
+        p && /* @__PURE__ */ l("div", { className: "component-recurrence-control__row", children: /* @__PURE__ */ l(
+          P,
           {
             onLabel: "Repeats",
             offLabel: "None",
             value: a === void 0,
-            onChangeValue: R
+            onChangeValue: F
           }
         ) }),
-        (a !== void 0 || !t) && /* @__PURE__ */ i(L, { children: [
-          /* @__PURE__ */ i("div", { className: "component-recurrence-control__row", children: [
+        (a !== void 0 || !p) && /* @__PURE__ */ t(w, { children: [
+          /* @__PURE__ */ t("div", { className: "component-recurrence-control__row", children: [
             /* @__PURE__ */ l(
               E,
               {
                 value: o.options.interval,
                 onChangeValue: (e) => r({ interval: e || 1 }),
-                suffix: w(o.options.interval),
+                suffix: C(o.options.interval),
                 min: 1,
                 "aria-label": "Recurrence frequency"
               }
@@ -91,7 +92,7 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
               {
                 "aria-label": "Recurrence period",
                 value: o.options.freq,
-                onChangeValue: _,
+                onChangeValue: O,
                 options: [
                   { label: "Day", value: n.DAILY },
                   { label: "Week", value: n.WEEKLY },
@@ -101,9 +102,9 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
             )
           ] }),
           o.options.freq === n.WEEKLY && /* @__PURE__ */ l("div", { className: "component-recurrence-control__row", children: /* @__PURE__ */ l(
-            K,
+            I,
             {
-              value: ((y = o.options.byweekday) == null ? void 0 : y.map(String)) || [],
+              value: ((b = o.options.byweekday) == null ? void 0 : b.map(String)) || [],
               onChangeValue: (e) => r({ byweekday: e.map(Number) }),
               label: "On every",
               options: [
@@ -118,19 +119,19 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
               multiple: !0
             }
           ) }),
-          o.options.freq === n.MONTHLY && /* @__PURE__ */ i(L, { children: [
+          o.options.freq === n.MONTHLY && /* @__PURE__ */ t(w, { children: [
             /* @__PURE__ */ l(
               T,
               {
-                open: ((b = o.options.bymonthday) == null ? void 0 : b.length) > 0,
+                open: ((h = o.options.bymonthday) == null ? void 0 : h.length) > 0,
                 onOpen: () => r({ bymonthday: [1], byweekday: [] }),
                 children: /* @__PURE__ */ l(
                   E,
                   {
                     prefix: "On the",
-                    suffix: w(o.options.bymonthday[0]) + " of the month",
+                    suffix: C(o.options.bymonthday[0]) + " of the month",
                     placeholder: "4",
-                    value: (h = o.options.bymonthday) == null ? void 0 : h[0],
+                    value: (f = o.options.bymonthday) == null ? void 0 : f[0],
                     onChangeValue: (e) => r({
                       bymonthday: [e || 1]
                     }),
@@ -140,7 +141,7 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
                 )
               }
             ),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ t(
               T,
               {
                 open: ((v = o.options.byweekday) == null ? void 0 : v.length) > 0,
@@ -177,7 +178,7 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
                         }
                       ],
                       placeholder: "First",
-                      value: String((f = o.options.bysetpos) == null ? void 0 : f[0]),
+                      value: String((g = o.options.bysetpos) == null ? void 0 : g[0]),
                       onChangeValue: (e) => r({
                         bysetpos: [Number(e) || 0]
                       })
@@ -196,7 +197,7 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
                         { label: "Sunday", value: "6" }
                       ],
                       placeholder: "Monday",
-                      value: String((g = o.options.byweekday) == null ? void 0 : g[0]),
+                      value: String((L = o.options.byweekday) == null ? void 0 : L[0]),
                       onChangeValue: (e) => r({
                         byweekday: [Number(e) || 0]
                       })
@@ -211,21 +212,21 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
     }
   );
 }, T = (c) => {
-  const { open: s, onOpen: u, children: a } = c;
-  return /* @__PURE__ */ i("div", { className: "component-recurrence-control__frequency_type", children: [
+  const { open: i, onOpen: u, children: a } = c;
+  return /* @__PURE__ */ t("div", { className: "component-recurrence-control__frequency_type", children: [
     /* @__PURE__ */ l(
       "button",
       {
         className: "component-recurrence-control__radio",
-        "aria-pressed": s,
+        "aria-pressed": i,
         onClick: u,
         type: "button",
-        children: s ? /* @__PURE__ */ l(q, { weight: "fill" }) : /* @__PURE__ */ l(M, {})
+        children: i ? /* @__PURE__ */ l(V, { weight: "fill" }) : /* @__PURE__ */ l(W, {})
       }
     ),
-    /* @__PURE__ */ l("fieldset", { className: "component-recurrence-control__row", disabled: !s, children: a })
+    /* @__PURE__ */ l("fieldset", { className: "component-recurrence-control__row", disabled: !i, children: a })
   ] });
 };
 export {
-  de as RecurrenceControl
+  be as RecurrenceControl
 };

package/dist/components/controls/select-control/control.js

@@ -1,39 +1,39 @@
-import { jsx as e, jsxs as r, Fragment as v } from "react/jsx-runtime";
+import { jsx as e, jsxs as n, Fragment as v } from "react/jsx-runtime";
 import { Button as N } from "../../button/index.js";
 import { findOption as S } from "../../../types/options.js";
 import * as m from "react";
 import { p as O } from "../../../IconBase.es-rM5tt24D.js";
 import { t as P } from "../../../CaretDown.es-CfgGfmY2.js";
-import { BaseControl as w } from "../base-control/index.js";
+import { BaseControl as g } from "../base-control/index.js";
 import { Affix as p } from "../base-control/affix.js";
-import { useBaseControlProps as C } from "../base-control/props.js";
-import { Select as I } from "./select.js";
+import { useBaseControlProps as w } from "../base-control/props.js";
+import { Select as C } from "./select.js";
 import '../../../assets/style16.css';/* empty css                      */
-import { S as g } from "../../../select-value-B3DYk9eV.js";
+import { S as I } from "../../../select-value-B3DYk9eV.js";
 const f = m.forwardRef((o, t) => /* @__PURE__ */ m.createElement(O, { ref: t, ...o, weights: P }));
 f.displayName = "CaretDownIcon";
 function G(o) {
-  const { baseProps: t, controlProps: n } = C(o, {
+  const { baseProps: t, controlProps: r } = w(o, {
     className: "component-select-control"
   }), {
     placeholder: l,
     options: d = [],
-    value: _,
-    withIcon: h = !1,
+    value: h,
+    withIcon: _ = !1,
     before: b,
     after: u
-  } = n, { prefix: c, suffix: s, ...x } = t, a = S(d, _), i = !!a ? a : { label: l || "" };
-  return /* @__PURE__ */ e(w, { ...x, children: /* @__PURE__ */ r(I, { ...n, prefix: c, suffix: s, children: [
+  } = r, { prefix: c, suffix: s, ...x } = t, a = S(d, h), i = !!a ? a : { label: l || "" };
+  return /* @__PURE__ */ e(g, { ...x, children: /* @__PURE__ */ n(C, { ...r, prefix: c, suffix: s, children: [
     b,
-    /* @__PURE__ */ r("div", { className: "component-select-control__btn", children: [
+    /* @__PURE__ */ n("div", { className: "component-select-control__btn", children: [
       /* @__PURE__ */ e(p, { children: c }),
-      /* @__PURE__ */ e(g, { fallback: l, children: () => /* @__PURE__ */ e(v, { children: /* @__PURE__ */ r("span", { className: "component-select-control__btn__value", children: [
-        h && i.icon,
+      /* @__PURE__ */ e(I, { fallback: l, children: () => /* @__PURE__ */ e(v, { children: /* @__PURE__ */ n("span", { className: "component-select-control__btn__value", children: [
+        _ && i.icon,
         /* @__PURE__ */ e("span", { className: "component-select-control__btn__value__label", children: i.label })
       ] }) }) }),
       /* @__PURE__ */ e(p, { suffix: !0, children: s })
     ] }),
-    /* @__PURE__ */ e(
+    o.variant !== "ghost" && /* @__PURE__ */ e(
       N.Icon,
       {
         className: "component-select-control__btn__caret",

package/dist/components/controls/select-control/props.d.ts

@@ -15,5 +15,6 @@ export type SelectProps<T extends string = string> = {
     withIcon?: boolean;
     autoComplete?: HTMLInputAutoCompleteAttribute;
     disabled?: boolean;
+    required?: boolean;
     defaultGroupOpen?: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wrdagency/blockout",
-	"version": "1.0.34",
+	"version": "1.0.35",
 	"description": "A React component library created by WRD.agency",
 	"type": "module",
 	"main": "dist/index.js",