@bagelink/vue 0.0.652 → 0.0.657

package/dist/components/form/inputs/RadioGroup.vue.d.ts

@@ -7,7 +7,7 @@ export interface RadioOption<T> {
     id: string;
     contextObj: T;
 }
-declare const _default: <T extends object>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <T extends Record<string, unknown>>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{
         onDelete?: ((...args: any[]) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>> & {

package/dist/components/form/inputs/RadioGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/RadioGroup.vue"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,CAAC,CAAA;CACb;yBAGgB,CAAC,SAAS,MAAM,eACpB,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,OAAO,CAAC,cACrC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC1E,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAoM1D,cAAc,CAAC,gCAAgC,CAAC;;;;;mBAV3C,MAAM;iBACR,WAAW,CAAC,CAAC,CAAC,EAAE;oBACb,OAAO;;qBAEL,GAAG;MAMuG,6EAAkC,CAAC,6GAAwD;oBACpM,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU;;qBApNP,MAAM;qBACN,MAAM;uBACJ,MAAM;oBACT,MAAM;mBACP,MAAM;gBACT,MAAM;;YA8KqB,GAAG;MAiCK;;;;;YAII,OAAO,CAAC,OAAO,WAAW,CAAC;;AA9MvE,wBA8M2E"}
+{"version":3,"file":"RadioGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/RadioGroup.vue"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,CAAC,CAAA;CACb;yBAGgB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,eACrC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,OAAO,CAAC,cACrC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC1E,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAoM1D,cAAc,CAAC,gCAAgC,CAAC;;;;;mBAV3C,MAAM;iBACR,WAAW,CAAC,CAAC,CAAC,EAAE;oBACb,OAAO;;qBAEL,GAAG;MAMuG,6EAAkC,CAAC,6GAAwD;oBACpM,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU;;qBApNP,MAAM;qBACN,MAAM;uBACJ,MAAM;oBACT,MAAM;mBACP,MAAM;gBACT,MAAM;;YA8KqB,GAAG;MAiCK;;;;;YAII,OAAO,CAAC,OAAO,WAAW,CAAC;;AA9MvE,wBA8M2E"}

package/dist/index.cjs

@@ -6364,7 +6364,7 @@ function useVerticalVirtualList(options, list) {
     containerRef
   };
 }
-const _withScopeId$3 = (n2) => (vue.pushScopeId("data-v-d01cb754"), n2 = n2(), vue.popScopeId(), n2);
+const _withScopeId$3 = (n2) => (vue.pushScopeId("data-v-323b7449"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$D = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
@@ -6398,7 +6398,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   emits: /* @__PURE__ */ vue.mergeModels(["update:selectedItems", "orderBy", "select"], ["update:loading", "update:itemHeight"]),
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "02b73339": vue.unref(computedItemHiehgt)
+      "867d7c12": vue.unref(computedItemHiehgt)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -6603,7 +6603,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-d01cb754"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-323b7449"]]);
 const _sfc_main$F = {};
 const _hoisted_1$C = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
@@ -7516,7 +7516,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-1aa7e2a8"]]);
+const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-c0868d55"]]);
 function toDate(argument) {
   const argStr = Object.prototype.toString.call(argument);
   if (argument instanceof Date || typeof argument === "object" && argStr === "[object Date]") {
@@ -19097,7 +19097,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-e6b95ea6"]]);
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-032d6226"]]);
 const _hoisted_1$n = ["title"];
 const _hoisted_2$i = ["id", "placeholder", "required"];
 const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
@@ -47291,7 +47291,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-bafd1df1"]]);
+const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-15e1b44b"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }

package/dist/index.mjs

@@ -6362,7 +6362,7 @@ function useVerticalVirtualList(options, list) {
     containerRef
   };
 }
-const _withScopeId$3 = (n2) => (pushScopeId("data-v-d01cb754"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$3 = (n2) => (pushScopeId("data-v-323b7449"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$D = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
@@ -6396,7 +6396,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["update:selectedItems", "orderBy", "select"], ["update:loading", "update:itemHeight"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "02b73339": unref(computedItemHiehgt)
+      "867d7c12": unref(computedItemHiehgt)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -6601,7 +6601,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-d01cb754"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-323b7449"]]);
 const _sfc_main$F = {};
 const _hoisted_1$C = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
@@ -7514,7 +7514,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-1aa7e2a8"]]);
+const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-c0868d55"]]);
 function toDate(argument) {
   const argStr = Object.prototype.toString.call(argument);
   if (argument instanceof Date || typeof argument === "object" && argStr === "[object Date]") {
@@ -19095,7 +19095,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-e6b95ea6"]]);
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-032d6226"]]);
 const _hoisted_1$n = ["title"];
 const _hoisted_2$i = ["id", "placeholder", "required"];
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
@@ -47289,7 +47289,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-bafd1df1"]]);
+const RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-15e1b44b"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }

package/dist/style.css

@@ -647,19 +647,19 @@ a[data-v-26f1062f] {
 }
 }
 
-.selected[data-v-d01cb754] {
+.selected[data-v-323b7449] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-d01cb754]:hover {
+tbody tr.selected[data-v-323b7449]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-d01cb754] {
+.loading-table[data-v-323b7449] {
 	position: relative;
 }
-.inset[data-v-d01cb754] {
+.inset[data-v-323b7449] {
 	inset: 0;
 }
-.loading-table-animation[data-v-d01cb754] {
+.loading-table-animation[data-v-323b7449] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -667,9 +667,9 @@ tbody tr.selected[data-v-d01cb754]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-d01cb754 1s linear infinite;
+	animation: loading-table-323b7449 1s linear infinite;
 }
-@keyframes loading-table-d01cb754 {
+@keyframes loading-table-323b7449 {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -677,52 +677,52 @@ tbody tr.selected[data-v-d01cb754]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-d01cb754] {
+.list-arrows[data-v-323b7449] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-d01cb754] {
+.list-arrows .bgl_icon-font[data-v-323b7449] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-d01cb754] {
+.list-arrows.sorted[data-v-323b7449] {
 	opacity: 1;
 }
-.col img[data-v-d01cb754] {
+.col img[data-v-323b7449] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-d01cb754] {
+.list-arrows.sorted .desc[data-v-323b7449] {
 	transform: rotate(180deg);
 	display: inline-block;
 }
-table[data-v-d01cb754] {
+table[data-v-323b7449] {
 	border-collapse: separate;
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-d01cb754] {
+th[data-v-323b7449] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-white);
-	height: var(--02b73339);
+	height: var(--867d7c12);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-d01cb754] {
+.embedded-field[data-v-323b7449] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-d01cb754] {
+.row[data-v-323b7449] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-d01cb754] {
+.row.first-row[data-v-323b7449] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -731,7 +731,7 @@ th[data-v-d01cb754] {
 	background: var(--bgl-white);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-d01cb754]::after {
+.row.first-row[data-v-323b7449]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -739,30 +739,30 @@ th[data-v-d01cb754] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-d01cb754] {
+.first-row .col[data-v-323b7449] {
 	cursor: pointer;
 	background: var(--bgl-white);
 }
-.col[data-v-d01cb754] {
+.col[data-v-323b7449] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 	align-items: center;
 }
-.col[data-v-d01cb754]:has(.bagel-input) {
+.col[data-v-323b7449]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-d01cb754] {
+.col > div[data-v-323b7449] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-d01cb754] {
+.max-col-width[data-v-323b7449] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-d01cb754] {
+.col.check .bgl_icon-font[data-v-323b7449] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -773,37 +773,37 @@ th[data-v-d01cb754] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-d01cb754] {
+.rows[data-v-323b7449] {
 	font-size: 0.88em;
 }
-.table-list[data-v-d01cb754] {
+.table-list[data-v-323b7449] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-d01cb754] {
+.BagelTable .table-list[data-v-323b7449] {
 	overflow: unset;
 }
-.row-item[data-v-d01cb754] {
-	height: var(--02b73339);
+.row-item[data-v-323b7449] {
+	height: var(--867d7c12);
 	transition: all 200ms ease;
 }
-.row-item[data-v-d01cb754]:hover {
+.row-item[data-v-323b7449]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-d01cb754] {
+.row-item input[type='checkbox'][data-v-323b7449] {
 	margin-top: 0.45rem !important;
-	accent-color: var(--bgl-primary);
+	accent-color: var(--bgl-accent-color);
 }
-.infinite-wrapper[data-v-d01cb754] {
+.infinite-wrapper[data-v-323b7449] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-d01cb754] {
+input[type='checkbox'][data-v-323b7449] {
 	margin-top: 0.3rem !important;
-	accent-color: var(--bgl-primary);
+	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
 	position: relative;
 	cursor: pointer;
@@ -813,7 +813,7 @@ input[type='checkbox'][data-v-d01cb754] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-d01cb754]::before {
+input[type='checkbox'][data-v-323b7449]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -826,18 +826,18 @@ input[type='checkbox'][data-v-d01cb754]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-d01cb754]:hover::before {
+input[type='checkbox'][data-v-323b7449]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-d01cb754] {
+[lang='he'] [dir='ltr'][data-v-323b7449] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-d01cb754] {
+th input[type='checkbox'][data-v-323b7449] {
 	transform: translateY(0.2rem) scale(1.2);
-	accent-color: var(--bgl-primary);
+	accent-color: var(--bgl-accent-color);
 }
-th[data-v-d01cb754]::after {
+th[data-v-323b7449]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -845,24 +845,24 @@ th[data-v-d01cb754]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-d01cb754] {
+tr[data-v-323b7449] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-d01cb754],
-th[data-v-d01cb754] {
+td[data-v-323b7449],
+th[data-v-323b7449] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-d01cb754] {
+tbody tr[data-v-323b7449] {
 	font-size: 0.88em;
-	height: var(--02b73339);
+	height: var(--867d7c12);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-d01cb754]:hover {
+tbody tr[data-v-323b7449]:hover {
 	background: var(--bgl-gray-light);
 }
 
@@ -1216,13 +1216,13 @@ display: block;
 	transform: translateY(-2.6rem);
 }
 
-.bgl-checkbox[data-v-1aa7e2a8] {
+.bgl-checkbox[data-v-c0868d55] {
 	flex-direction: row;
 	cursor: pointer;
 	align-items: flex-start;
 }
-.bgl-checkbox input[type='checkbox'][data-v-1aa7e2a8] {
-	accent-color: var(--bgl-primary);
+.bgl-checkbox input[type='checkbox'][data-v-c0868d55] {
+	accent-color: var(--bgl-accent-color);
 	height: calc(var(--input-height) / 2.75);
 	width: calc(var(--input-height) / 2.75);
 	min-width: 0;
@@ -1231,7 +1231,7 @@ display: block;
 	align-items: center;
 	flex-shrink: 0;
 }
-.bgl-checkbox input[type='checkbox'][data-v-1aa7e2a8]::before {
+.bgl-checkbox input[type='checkbox'][data-v-c0868d55]::before {
 	content: '';
 	height: calc(var(--input-height) / 2.75);
 	width: calc(var(--input-height) / 2.75);
@@ -1241,23 +1241,23 @@ display: block;
 	transition: all 200ms ease;
 	position: absolute;
 }
-.bgl-checkbox input[type='checkbox'][data-v-1aa7e2a8]:hover::before {
+.bgl-checkbox input[type='checkbox'][data-v-c0868d55]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-.bgl-checkbox label[data-v-1aa7e2a8] {
+.bgl-checkbox label[data-v-c0868d55] {
 	cursor: pointer;
 	user-select: none;
 	font-size: var(--input-font-size);
 	transition: var(--bgl-transition-400);
 }
-.bgl-checkbox:hover label[data-v-1aa7e2a8] {
+.bgl-checkbox:hover label[data-v-c0868d55] {
   color: var(--bgl-primary) !important;
 }
-.bgl-checkbox input:checked + label[data-v-1aa7e2a8]{
+.bgl-checkbox input:checked + label[data-v-c0868d55]{
 	color: var(--bgl-primary) !important;
 }
-.bagel-input:focus-within.bgl-checkbox:not(:checked) label[data-v-1aa7e2a8] {
+.bagel-input:focus-within.bgl-checkbox:not(:checked) label[data-v-c0868d55] {
     color: var(--label-color) !important;
 }
 .dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:rgba(0,0,0,0)}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp__clear_icon{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color)}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu::after{box-sizing:border-box}.dp__menu::before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;inset:0;z-index:999999}.dp__menu_disabled{background:rgba(255,255,255,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp-menu-loading{background:rgba(255,255,255,.5);cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%, -50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}@media only screen and (width <= 600px){.dp--preset-dates{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}}.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}@media only screen and (width <= 600px){.dp--preset-range{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range:first-child{margin-left:0}.dp--preset-range:last-child{margin-right:0}}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}@media only screen and (width <= 600px){.dp__menu_content_wrapper{flex-direction:column-reverse}}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:bold}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translateX(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%, 50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (width <= 600px){.dp__flex_display{flex-direction:column}}.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}:root{--dp-common-transition: all 0.1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: 0.1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all 0.2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: 0.1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: 0.5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: 0.8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #f8f5f5;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}/*# sourceMappingURL=main.css.map */
@@ -1552,9 +1552,9 @@ display: block;
 	height: 30px;
 }
 
-.primary-checkbox input[data-v-e6b95ea6] {
+.primary-checkbox input[data-v-032d6226] {
   appearance: none;
-  accent-color: var(--bgl-primary);
+  accent-color: var(--bgl-accent-color);
 	height: calc(var(--input-height) / 1.75);
 	width: calc(var(--input-height) / 1.75);
   min-width: 0;
@@ -1566,7 +1566,7 @@ display: block;
   background: var(--bgl-white);
   border: 2px solid var(--bgl-gray);
 }
-.primary-checkbox[data-v-e6b95ea6] {
+.primary-checkbox[data-v-032d6226] {
   height:var(--input-height);
   width:var(--input-height);
   display: flex;
@@ -1575,13 +1575,13 @@ display: block;
   transition: var(--bgl-transition);
   transform: scale(0.8);
 }
-.primary-checkbox[data-v-e6b95ea6]:hover {
+.primary-checkbox[data-v-032d6226]:hover {
   filter: brightness(90%);
 }
-.primary-checkbox[data-v-e6b95ea6]:active {
+.primary-checkbox[data-v-032d6226]:active {
   filter: brightness(80%);
 }
-.primary-checkbox input[data-v-e6b95ea6]:checked {
+.primary-checkbox input[data-v-032d6226]:checked {
   background: var(--bgl-primary);
   box-shadow: inset 0 0 0px 2px white;
 }
@@ -2177,15 +2177,15 @@ input[type="number"][data-v-4c741194] {
 }
 }
 
-.radio-input-list[data-v-bafd1df1]{
+.radio-input-list[data-v-15e1b44b]{
 	width: auto;
 	transform: scale(1.4);
 	margin-inline-end: 0.6rem;
 }
-.active-list-item[data-v-bafd1df1]:has(:checked){
+.active-list-item[data-v-15e1b44b]:has(:checked){
 	background: var(--bgl-primary-light) !important;
 	border-color: var(--bgl-primary) !important;
-	accent-color: var(--bgl-primary);
+	accent-color: var(--bgl-accent-color);
 }
 
 .chart-line {
@@ -8247,6 +8247,7 @@ select {
     --bgl-primary: #2e5bff;
     --bgl-primary-tint: #2e5bff80;
     --bgl-primary-light: #eef6ff;
+    --bgl-accent-color:var(--bgl-primary);
     --bgl-blue-20: rgba(46, 91, 255, 20%);
     --bgl-blue-dark: #191c30;
     --bgl-blue-light: #eef6ff;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.652",
+  "version": "0.0.657",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/TableSchema.vue

@@ -428,7 +428,7 @@ th {
 
 .row-item input[type='checkbox'] {
 	margin-top: 0.45rem !important;
-	accent-color: var(--bgl-primary);
+	accent-color: var(--bgl-accent-color);
 }
 
 .infinite-wrapper {
@@ -438,7 +438,7 @@ th {
 
 input[type='checkbox'] {
 	margin-top: 0.3rem !important;
-	accent-color: var(--bgl-primary);
+	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
 	position: relative;
 	cursor: pointer;
@@ -474,7 +474,7 @@ input[type='checkbox']:hover::before {
 
 th input[type='checkbox'] {
 	transform: translateY(0.2rem) scale(1.2);
-	accent-color: var(--bgl-primary);
+	accent-color: var(--bgl-accent-color);
 }
 
 th::after {

package/src/components/form/inputs/CheckInput.vue

@@ -47,7 +47,7 @@ onMounted(() => {
 	align-items: flex-start;
 }
 .bgl-checkbox input[type='checkbox'] {
-	accent-color: var(--bgl-primary);
+	accent-color: var(--bgl-accent-color);
 	height: calc(var(--input-height) / 2.75);
 	width: calc(var(--input-height) / 2.75);
 	min-width: 0;

package/src/components/form/inputs/Checkbox.vue

@@ -12,7 +12,7 @@ const val = defineModel<boolean>('modelValue', { default: false })
 <style scoped>
 .primary-checkbox input {
   appearance: none;
-  accent-color: var(--bgl-primary);
+  accent-color: var(--bgl-accent-color);
 	height: calc(var(--input-height) / 1.75);
 	width: calc(var(--input-height) / 1.75);
   min-width: 0;

package/src/components/form/inputs/RadioGroup.vue

@@ -1,4 +1,4 @@
-<script setup lang="ts" generic="T extends object">
+<script setup lang="ts" generic="T extends Record<string, unknown>">
 import { Btn } from '@bagelink/vue'
 
 export interface RadioOption<T> {
@@ -70,6 +70,6 @@ const selectedOption = defineModel('modelValue')
 .active-list-item:has(:checked){
 	background: var(--bgl-primary-light) !important;
 	border-color: var(--bgl-primary) !important;
-	accent-color: var(--bgl-primary);
+	accent-color: var(--bgl-accent-color);
 }
 </style>

package/src/styles/theme.css

@@ -8,6 +8,7 @@
     --bgl-primary: #2e5bff;
     --bgl-primary-tint: #2e5bff80;
     --bgl-primary-light: #eef6ff;
+    --bgl-accent-color:var(--bgl-primary);
     --bgl-blue-20: rgba(46, 91, 255, 20%);
     --bgl-blue-dark: #191c30;
     --bgl-blue-light: #eef6ff;