pure-uikit 1.1.3 → 1.1.4

package/{dist/chunks/chunk.EN7XEPNI.js → cdn/chunks/chunk.2BKHQ5YU.js}

@@ -1,6 +1,6 @@
 import {
   PInclude
-} from "./chunk.IRMOY7F2.js";
+} from "./chunk.P5DDFLA5.js";
 
 // src/components/include/include.ts
 var include_default = PInclude;

package/cdn/chunks/{chunk.BLSPBHV3.js → chunk.2HKEKOCE.js}

@@ -15,26 +15,26 @@ import {
 } from "./chunk.OOSITRNG.js";
 import {
   LocalizeController
-} from "./chunk.6BMNUR6W.js";
+} from "./chunk.FMGP5ZX5.js";
 import {
   o
 } from "./chunk.73IAYF2H.js";
 import {
   HasSlotController
 } from "./chunk.MLXUTV4G.js";
-import {
-  e
-} from "./chunk.CEXDE6O2.js";
 import {
   watch
 } from "./chunk.FA5RT4K4.js";
+import {
+  e
+} from "./chunk.CEXDE6O2.js";
 import {
   PureElement,
   e as e2,
   n,
   r,
   t
-} from "./chunk.CXJCNOP2.js";
+} from "./chunk.I5FGHXR7.js";
 import {
   component_styles_default
 } from "./chunk.4LEQW7ML.js";

package/cdn/chunks/{chunk.AFVXZQ7V.js → chunk.2J46W2BB.js}

@@ -1,6 +1,6 @@
 import {
   PVisuallyHidden
-} from "./chunk.YLUGOUDM.js";
+} from "./chunk.RHOAFNFK.js";
 
 // src/react/visually-hidden/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.U7KQEMXV.js → chunk.2P5SLGQQ.js}

@@ -1,6 +1,6 @@
 import {
   PSplitPanel
-} from "./chunk.HQRIBDJ4.js";
+} from "./chunk.FQFKE65H.js";
 
 // src/react/split-panel/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.IBBA2DO2.js → chunk.2TQYG7QC.js}

@@ -1,6 +1,6 @@
 import {
   PBadge
-} from "./chunk.NXFOXXW6.js";
+} from "./chunk.FSUNUTS5.js";
 
 // src/react/badge/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.7EMO6YKR.js → chunk.2UVSARXO.js}

@@ -1,6 +1,6 @@
 import {
   PColorPicker
-} from "./chunk.GQPZVL3X.js";
+} from "./chunk.NCFGRUW5.js";
 
 // src/react/color-picker/index.ts
 import * as React from "react";

package/cdn/chunks/chunk.36YEJPZZ.js

@@ -0,0 +1,551 @@
+import {
+  component_styles_default
+} from "./chunk.4LEQW7ML.js";
+import {
+  i
+} from "./chunk.YOCEZMWG.js";
+
+// src/components/calendar/calendar.styles.ts
+var calendar_styles_default = i`
+  ${component_styles_default}
+
+  :host {
+    --border-color: var(--p-color-neutral-200);
+    --border-radius: var(--p-input-border-radius-large);
+    --border-width: 1px;
+    --border-style: solid;
+    --calendar-background-color: var(--p-surface);
+    --calendar-box-shadow: var(--p-shadow-medium);
+
+    border-radius: var(--border-radius);
+    display: block;
+    background-color: var(--calendar-background-color);
+  }
+
+  .calendar__header {
+    display: flex;
+    align-items: center;
+    gap: var(--p-spacing-2x-small);
+    padding: var(--p-spacing-small);
+    // background-color: var(--p-color-primary-200);
+  }
+
+  .calendar__header p-icon-button {
+    flex: 0 0 auto;
+  }
+
+  .calendar__header-button::part(base) {
+    width: 2rem !important;
+    height: 2rem !important;
+  }
+
+  .calendar__label {
+    flex: 1 1 auto;
+    text-align: center;
+    font-weight: var(--p-font-weight-medium);
+  }
+
+  .calendar__days {
+    isolation: isolate;
+    display: grid;
+    grid-template-columns: repeat(7, 1fr);
+  }
+
+  .calendar__day {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    border: solid var(--border-width) var(--border-color);
+    border-bottom: none;
+    background: none;
+    background-color: var(--p-color-neutral-0);
+    font: inherit;
+    color: var(--p-color-neutral-900);
+    min-height: 3rem;
+    padding: 0;
+    margin: 0;
+    cursor: pointer;
+  }
+
+  .calendar__day--empty {
+    cursor: default;
+    background-color: var(--p-color-neutral-50);
+  }
+
+  .calendar__day:not(.calendar__day--empty):hover {
+    background-color: var(--p-color-primary-200);
+    color: var(--p-color-neutral-900);
+  }
+
+  .calendar__day:not(.calendar__day--empty):active {
+    background-color: var(--p-color-primary-300);
+  }
+
+  .calendar__day:nth-child(1),
+  .calendar__day:nth-child(2),
+  .calendar__day:nth-child(3),
+  .calendar__day:nth-child(4),
+  .calendar__day:nth-child(5),
+  .calendar__day:nth-child(6),
+  .calendar__day:nth-child(7) {
+    font-weight: var(--p-font-weight-medium);
+    background-color: var(--p-color-neutral-100);
+  }
+
+  .calendar__day:nth-child(1) {
+    border-top-left-radius: 0;
+  }
+
+  .calendar__day:nth-child(7) {
+    border-top-right-radius: 0;
+  }
+
+  .calendar__day:nth-last-child(1) {
+    border-bottom-right-radius: 0;
+  }
+
+  .calendar__day:nth-last-child(7) {
+    border-bottom-left-radius: 0;
+  }
+
+  .calendar.calendar--has-footer .calendar__day:nth-last-child(1),
+  .calendar__day:nth-last-child(7) {
+    border-radius: 0;
+  }
+
+  .calendar__day:not(:nth-child(7n)) {
+    border-right: none;
+  }
+
+  .calendar__day:nth-last-child(1),
+  .calendar__day:nth-last-child(2),
+  .calendar__day:nth-last-child(3),
+  .calendar__day:nth-last-child(4),
+  .calendar__day:nth-last-child(5),
+  .calendar__day:nth-last-child(6),
+  .calendar__day:nth-last-child(7) {
+    border-bottom: solid var(--border-width) var(--border-color);
+  }
+
+  .calendar__day:focus-visible {
+    outline: solid 2px var(--p-color-primary-600);
+    z-index: 1;
+  }
+
+  .calendar__day[part~="day-weekend"] {
+    color: var(--p-color-primary-600);
+    font-weight: var(--p-font-weight-medium);
+  }
+
+  .calendar__day[part~="day-weekend"]:hover {
+    color: var(--p-color-primary-600);
+  }
+
+  .calendar__day[part~="day-today"] {
+    font-weight: var(--p-font-weight-bold);
+    color: var(--p-color-green-600);
+    background-color: var(--p-color-green-50);
+  }
+
+  .calendar__day[part~="day-today"]:hover {
+    font-weight: var(--p-font-weight-bold);
+    color: var(--p-color-green-600);
+    background-color: var(--p-color-green-200);
+  }
+
+  .calendar__day[part~="day-selected"] {
+    background-color: var(--p-color-primary-300);
+  }
+
+  .calendar__day[part~="day-selection-start"] {
+    background-color: var(--p-color-primary-600);
+    color: var(--p-color-neutral-0);
+  }
+
+  .calendar__day[part~="day-selection-end"] {
+    background-color: var(--p-color-primary-600);
+    color: var(--p-color-neutral-0);
+  }
+
+  .calendar__day[part~="day-previous-month"],
+  .calendar__day[part~="day-next-month"] {
+    color: var(--p-color-neutral-500);
+    // background-color: var(--p-color-neutral-50) !important;
+  }
+
+  .calendar__day[part~="day-previous-month"][part~="day-weekend"],
+  .calendar__day[part~="day-next-month"][part~="day-weekend"] {
+    color: var(--p-color-primary-400);
+  }
+
+  .calendar__footer {
+    display: flex;
+    flex-flow: row nowrap;
+    justify-content: space-between;
+    align-items: center;
+    gap: var(--p-spacing-small);
+    padding: var(--p-spacing-small);
+  }
+
+  .calendar__footer:not(:has(p-button.calendar__today-button)) {
+    padding: 0 !important;
+  }
+
+  p-icon-button::part(base) {
+    color: var(--p-color-neutral-600);
+  }
+
+  /** The popup */
+  .calendar {
+    flex: 1 1 auto;
+    display: inline-flex;
+    width: 100%;
+    position: relative;
+    vertical-align: middle;
+  }
+
+  .calendar::part(popup) {
+    z-index: var(--p-z-index-dropdown);
+  }
+
+  .calendar[data-current-placement^="top"]::part(popup) {
+    transform-origin: bottom;
+  }
+
+  .calendar[data-current-placement^="bottom"]::part(popup) {
+    transform-origin: top;
+  }
+
+  /* Combobox */
+  .calendar__combobox {
+    flex: 1;
+    display: flex;
+    width: 100%;
+    min-width: 0;
+    position: relative;
+    align-items: center;
+    justify-content: start;
+    font-family: var(--p-input-font-family);
+    font-weight: var(--p-input-font-weight);
+    letter-spacing: var(--p-input-letter-spacing);
+    vertical-align: middle;
+    overflow: hidden;
+    cursor: pointer;
+    transition:
+      var(--p-transition-fast) color,
+      var(--p-transition-fast) border,
+      var(--p-transition-fast) box-shadow,
+      var(--p-transition-fast) background-color;
+  }
+
+  .calendar__display-input {
+    position: relative;
+    width: 100%;
+    font: inherit;
+    border: none;
+    background: none;
+    color: var(--p-input-color);
+    cursor: inherit;
+    overflow: hidden;
+    padding: 0;
+    margin: 0;
+    line-height: normal !important;
+    -webkit-appearance: none;
+  }
+
+  .calendar__display-input::placeholder {
+    color: var(--p-input-placeholder-color);
+  }
+
+  .calendar:not(.calendar--disabled):hover .calendar__display-input {
+    color: var(--p-input-color-hover);
+  }
+
+  .calendar__display-input:focus {
+    outline: none;
+  }
+
+  /* Visually hide the display input when multiple is enabled */
+  .calendar--multiple:not(.calendar--placeholder-visible) .calendar__display-input {
+    width: auto;
+    flex: 1;
+    min-width: 0px;
+    padding-left: var(--p-input-spacing-small);
+  }
+
+  .calendar__value-input {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    opacity: 0;
+    z-index: -1;
+  }
+
+  .calendar__tags {
+    display: flex;
+    width: auto;
+    align-items: center;
+    flex-wrap: wrap;
+    margin-inline-start: var(--p-spacing-2x-small);
+  }
+
+  .calendar__tags::slotted(p-tag) {
+    cursor: pointer !important;
+  }
+  .calendar__tags--overflow {
+    display: flex;
+    flex-flow: column nowrap;
+    gap: var(--p-spacing-2x-small);
+    align-items: flex-start;
+    justify-content: center;
+    margin-inline-start: var(--p-spacing-2x-small);
+  }
+
+  .calendar--disabled .calendar__tags,
+  .calendar--disabled .calendar__tags::slotted(p-tag) {
+    cursor: not-allowed !important;
+  }
+
+  /* Standard selects */
+  .calendar--standard .calendar__combobox {
+    background-color: var(--p-input-background-color);
+    border: solid var(--p-input-border-width) var(--p-input-border-color);
+  }
+
+  .calendar--standard.calendar--disabled .calendar__combobox {
+    background-color: var(--p-input-background-color-disabled);
+    border-color: var(--p-input-border-color-disabled);
+    color: var(--p-input-color-disabled);
+    opacity: 0.5;
+    cursor: not-allowed;
+    outline: none;
+  }
+
+  .calendar--standard:not(.calendar--disabled).calendar--open .calendar__combobox,
+  .calendar--standard:not(.calendar--disabled).calendar--focused .calendar__combobox {
+    background-color: var(--p-input-background-color-focus);
+    border-color: var(--p-input-border-color-focus);
+    box-shadow: 0 0 0 var(--p-focus-ring-width) var(--p-input-focus-ring-color);
+  }
+
+  /* Filled selects */
+  .calendar--filled .calendar__combobox {
+    border: none;
+    background-color: var(--p-input-filled-background-color);
+    color: var(--p-input-color);
+  }
+
+  .calendar--filled:hover:not(.calendar--disabled) .calendar__combobox {
+    background-color: var(--p-input-filled-background-color-hover);
+  }
+
+  .calendar--filled.calendar--disabled .calendar__combobox {
+    background-color: var(--p-input-filled-background-color-disabled);
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .calendar--filled:not(.calendar--disabled).calendar--open .calendar__combobox,
+  .calendar--filled:not(.calendar--disabled).calendar--focused .calendar__combobox {
+    background-color: var(--p-input-filled-background-color-focus);
+    outline: var(--p-focus-ring);
+  }
+
+  /* Sizes */
+  .calendar--small .calendar__combobox {
+    border-radius: var(--p-input-border-radius-small);
+    font-size: var(--p-input-font-size-small);
+    min-height: var(--p-input-height-small);
+    padding-block: 0;
+    padding-inline: var(--p-input-spacing-small);
+  }
+
+  .calendar--small .calendar__clear {
+    margin-inline-start: var(--p-input-spacing-small);
+  }
+
+  .calendar--small .calendar__prefix::slotted(*) {
+    margin-inline-end: var(--p-input-spacing-small);
+  }
+
+  .calendar--small.calendar--multiple:not(.calendar--placeholder-visible) .calendar__combobox {
+    padding-block: 2px;
+    padding-inline-start: 0;
+  }
+
+  .calendar--small .calendar__tags {
+    gap: 2px;
+  }
+
+  .calendar--medium .calendar__combobox {
+    border-radius: var(--p-input-border-radius-large);
+    font-size: var(--p-input-font-size-medium);
+    min-height: var(--p-input-height-medium);
+    padding-block: 0;
+    padding-inline: var(--p-input-spacing-medium);
+  }
+
+  .calendar--medium .calendar__clear {
+    margin-inline-start: var(--p-input-spacing-medium);
+  }
+
+  .calendar--medium .calendar__prefix::slotted(*) {
+    margin-inline-end: var(--p-input-spacing-medium);
+  }
+
+  .calendar--medium.calendar--multiple:not(.calendar--placeholder-visible) .calendar__combobox {
+    padding-inline-start: 0;
+    padding-block: 3px;
+  }
+
+  .calendar--medium .calendar__tags {
+    gap: 3px;
+  }
+
+  .calendar--large .calendar__combobox {
+    border-radius: var(--p-input-border-radius-large);
+    font-size: var(--p-input-font-size-large);
+    min-height: var(--p-input-height-large);
+    padding-block: 0;
+    padding-inline: var(--p-input-spacing-large);
+  }
+
+  .calendar--large .calendar__clear {
+    margin-inline-start: var(--p-input-spacing-large);
+  }
+
+  .calendar--large .calendar__prefix::slotted(*) {
+    margin-inline-end: var(--p-input-spacing-large);
+  }
+
+  .calendar--large.calendar--multiple:not(.calendar--placeholder-visible) .calendar__combobox {
+    padding-inline-start: 0;
+    padding-block: 4px;
+  }
+
+  .calendar--large .calendar__tags {
+    gap: 4px;
+  }
+
+  /* Pills */
+  .calendar--pill.calendar--small .calendar__combobox {
+    border-radius: var(--p-input-height-small);
+  }
+
+  .calendar--pill.calendar--medium .calendar__combobox {
+    border-radius: var(--p-input-height-medium);
+  }
+
+  .calendar--pill.calendar--large .calendar__combobox {
+    border-radius: var(--p-input-height-large);
+  }
+
+  /* Prefix */
+  .calendar__prefix {
+    flex: 0;
+    display: inline-flex;
+    align-items: center;
+    color: var(--p-input-placeholder-color);
+  }
+
+  /* Suffix */
+  .calendar__suffix {
+    flex: 0;
+    display: inline-flex;
+    align-items: center;
+    color: var(--p-input-placeholder-color);
+  }
+
+  /* Icon */
+  .calendar__icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    margin-inline-end: var(--p-input-spacing-small);
+    font-size: var(--p-font-size-large);
+  }
+
+  /* Clear button */
+  .calendar__clear {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: inherit;
+    color: var(--p-input-icon-color);
+    border: none;
+    background: none;
+    padding: 0;
+    transition: var(--p-transition-fast) color;
+    cursor: pointer;
+  }
+
+  .calendar__clear:hover {
+    color: var(--p-input-icon-color-hover);
+  }
+
+  .calendar__clear:focus {
+    outline: none;
+  }
+
+  /* Expand icon */
+  .calendar__expand-icon {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    transition: var(--p-transition-medium) rotate ease;
+    rotate: 0;
+    margin-inline-start: var(--p-spacing-small);
+  }
+
+  .calendar--open .calendar__expand-icon {
+    rotate: -180deg;
+  }
+
+  /* Listbox */
+  .calendar--dialog {
+    display: block;
+    position: relative;
+    font-family: var(--p-font-sans);
+    font-size: var(--p-font-size-medium);
+    font-weight: var(--p-font-weight-normal);
+    box-shadow: var(--p-shadow-large);
+    background: var(--p-panel-background-color);
+    border: solid var(--p-panel-border-width) var(--p-panel-border-color);
+    border-radius: var(--p-border-radius-large);
+    padding-block: 0; //OLD: var(--p-spacing-x-small)
+    padding-inline: 0;
+    overflow: auto;
+    overscroll-behavior: none;
+
+    /* Make sure it adheres to the popup's auto size */
+    max-width: var(--auto-size-available-width);
+    max-height: var(--auto-size-available-height);
+  }
+
+  .calendar--dialog.calendar--dialog-inline {
+    box-shadow: var(--p-shadow-small) !important;
+  }
+
+  .calendar--dialog ::slotted(p-divider) {
+    --spacing: var(--p-spacing-x-small);
+  }
+
+  .calendar--dialog ::slotted(small) {
+    display: block;
+    font-size: var(--p-font-size-small);
+    font-weight: var(--p-font-weight-medium);
+    color: var(--p-color-neutral-500);
+    padding-block: var(--p-spacing-2x-small);
+    padding-inline: var(--p-spacing-x-large);
+  }
+`;
+
+export {
+  calendar_styles_default
+};

package/cdn/chunks/{chunk.4H4BBSHN.js → chunk.373JYC36.js}

@@ -1,6 +1,6 @@
 import {
   PCarousel
-} from "./chunk.GC24AE4X.js";
+} from "./chunk.WE6TVIEC.js";
 
 // src/react/carousel/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.LZWNR6FB.js → chunk.3DHULZHH.js}

@@ -1,6 +1,6 @@
 import {
   PTabGroup
-} from "./chunk.VEGLVDEG.js";
+} from "./chunk.73FWCXRU.js";
 
 // src/components/tab-group/tab-group.ts
 var tab_group_default = PTabGroup;

package/{dist/chunks/chunk.M3LZXCTU.js → cdn/chunks/chunk.3RWX37IW.js}

@@ -1,6 +1,6 @@
 import {
   PRadioButton
-} from "./chunk.WW6ONUNL.js";
+} from "./chunk.V3EW5WD5.js";
 
 // src/react/radio-button/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.ESV6PFTB.js → chunk.3Y3Q65WX.js}

@@ -1,6 +1,6 @@
 import {
   PRelativeTime
-} from "./chunk.LUSV6ZUU.js";
+} from "./chunk.SOPASLAY.js";
 
 // src/react/relative-time/index.ts
 import * as React from "react";

package/{dist/chunks/chunk.QA54T2A4.js → cdn/chunks/chunk.4T425IEF.js}

@@ -1,6 +1,6 @@
 import {
   PCheckbox
-} from "./chunk.SCGGFOEB.js";
+} from "./chunk.DDYXDKWJ.js";
 
 // src/react/checkbox/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.TWOBCTUV.js → chunk.57IYZCZT.js}

@@ -1,6 +1,6 @@
 import {
   PFormatBytes
-} from "./chunk.3RCKRFOY.js";
+} from "./chunk.WNKI5CIE.js";
 
 // src/react/format-bytes/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.S3YMLI7H.js → chunk.5B6HWIYF.js}

@@ -1,6 +1,6 @@
 import {
   PDialog
-} from "./chunk.HYHIGL5Q.js";
+} from "./chunk.KRRLOZWW.js";
 
 // src/components/dialog/dialog.ts
 var dialog_default = PDialog;

package/{dist/chunks/chunk.HMYLBQQV.js → cdn/chunks/chunk.5CAULAMJ.js}

@@ -1,6 +1,6 @@
 import {
   PTag
-} from "./chunk.4ACHW32N.js";
+} from "./chunk.X74IRVIX.js";
 
 // src/react/tag/index.ts
 import * as React from "react";

package/cdn/chunks/{chunk.2NXO6T63.js → chunk.5MBVWJIV.js}

@@ -1,6 +1,6 @@
 import {
   PCard
-} from "./chunk.LSYU7WPN.js";
+} from "./chunk.PELXVPD4.js";
 
 // src/react/card/index.ts
 import * as React from "react";