@casinogate/ui 2.0.2 → 2.0.3

package/dist/assets/css/root.css

@@ -267,6 +267,9 @@
   .cgui\:my-4 {
     margin-block: calc(var(--cgui-spacing) * 4);
   }
+  .cgui\:ms-2 {
+    margin-inline-start: calc(var(--cgui-spacing) * 2);
+  }
   .cgui\:ms-auto {
     margin-inline-start: auto;
   }
@@ -330,6 +333,9 @@
   .cgui\:flex {
     display: flex;
   }
+  .cgui\:grid {
+    display: grid;
+  }
   .cgui\:hidden {
     display: none;
   }
@@ -514,6 +520,9 @@
   .cgui\:max-h-\(--max-content-height\) {
     max-height: var(--max-content-height);
   }
+  .cgui\:max-h-40 {
+    max-height: calc(var(--cgui-spacing) * 40);
+  }
   .cgui\:max-h-50 {
     max-height: calc(var(--cgui-spacing) * 50);
   }
@@ -586,6 +595,9 @@
   .cgui\:w-9 {
     width: calc(var(--cgui-spacing) * 9);
   }
+  .cgui\:w-10 {
+    width: calc(var(--cgui-spacing) * 10);
+  }
   .cgui\:w-11 {
     width: calc(var(--cgui-spacing) * 11);
   }
@@ -700,6 +712,9 @@
   .cgui\:min-w-15 {
     min-width: calc(var(--cgui-spacing) * 15);
   }
+  .cgui\:min-w-28 {
+    min-width: calc(var(--cgui-spacing) * 28);
+  }
   .cgui\:min-w-35 {
     min-width: calc(var(--cgui-spacing) * 35);
   }
@@ -721,6 +736,9 @@
   .cgui\:flex-1 {
     flex: 1;
   }
+  .cgui\:shrink {
+    flex-shrink: 1;
+  }
   .cgui\:shrink-0 {
     flex-shrink: 0;
   }
@@ -733,6 +751,9 @@
   .cgui\:table-fixed {
     table-layout: fixed;
   }
+  .cgui\:border-collapse {
+    border-collapse: collapse;
+  }
   .cgui\:origin-\(--bits-dropdown-menu-content-transform-origin\) {
     transform-origin: var(--bits-dropdown-menu-content-transform-origin);
   }
@@ -823,6 +844,9 @@
   .cgui\:list-none {
     list-style-type: none;
   }
+  .cgui\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
   .cgui\:flex-col {
     flex-direction: column;
   }
@@ -1191,6 +1215,9 @@
   .cgui\:p-0 {
     padding: calc(var(--cgui-spacing) * 0);
   }
+  .cgui\:p-0\! {
+    padding: calc(var(--cgui-spacing) * 0) !important;
+  }
   .cgui\:p-0\.5 {
     padding: calc(var(--cgui-spacing) * 0.5);
   }
@@ -1218,6 +1245,9 @@
   .cgui\:px-0 {
     padding-inline: calc(var(--cgui-spacing) * 0);
   }
+  .cgui\:px-0\.5 {
+    padding-inline: calc(var(--cgui-spacing) * 0.5);
+  }
   .cgui\:px-1 {
     padding-inline: calc(var(--cgui-spacing) * 1);
   }
@@ -1275,6 +1305,9 @@
   .cgui\:pt-2 {
     padding-top: calc(var(--cgui-spacing) * 2);
   }
+  .cgui\:pt-3 {
+    padding-top: calc(var(--cgui-spacing) * 3);
+  }
   .cgui\:pt-4 {
     padding-top: calc(var(--cgui-spacing) * 4);
   }
@@ -1357,6 +1390,9 @@
     font-size: var(--cgui-text-xs);
     line-height: var(--tw-leading, var(--cgui-text-xs--line-height));
   }
+  .cgui\:text-\[10px\] {
+    font-size: 10px;
+  }
   .cgui\:leading-none {
     --tw-leading: 1;
     line-height: 1;
@@ -1661,18 +1697,56 @@
       top: calc(var(--cgui-spacing) * 0);
     }
   }
+  .cgui\:before\:top-1 {
+    &::before {
+      content: var(--tw-content);
+      top: calc(var(--cgui-spacing) * 1);
+    }
+  }
+  .cgui\:before\:left-1\/2 {
+    &::before {
+      content: var(--tw-content);
+      left: calc(1 / 2 * 100%);
+    }
+  }
   .cgui\:before\:block {
     &::before {
       content: var(--tw-content);
       display: block;
     }
   }
+  .cgui\:before\:hidden {
+    &::before {
+      content: var(--tw-content);
+      display: none;
+    }
+  }
+  .cgui\:before\:size-1 {
+    &::before {
+      content: var(--tw-content);
+      width: calc(var(--cgui-spacing) * 1);
+      height: calc(var(--cgui-spacing) * 1);
+    }
+  }
   .cgui\:before\:h-1\.5 {
     &::before {
       content: var(--tw-content);
       height: calc(var(--cgui-spacing) * 1.5);
     }
   }
+  .cgui\:before\:-translate-x-1\/2 {
+    &::before {
+      content: var(--tw-content);
+      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .cgui\:before\:rounded-full {
+    &::before {
+      content: var(--tw-content);
+      border-radius: calc(infinity * 1px);
+    }
+  }
   .cgui\:before\:bg-state-error {
     &::before {
       content: var(--tw-content);
@@ -1697,6 +1771,12 @@
       background-color: var(--cg-ui-color-state-warning);
     }
   }
+  .cgui\:before\:bg-stroke-primary {
+    &::before {
+      content: var(--tw-content);
+      background-color: var(--cg-ui-color-stroke-primary);
+    }
+  }
   .cgui\:before\:content-\[\"\"\] {
     &::before {
       --tw-content: "";
@@ -1708,6 +1788,27 @@
       display: none;
     }
   }
+  .cgui\:focus-within\:border-stroke-focus {
+    &:focus-within {
+      border-color: var(--cg-ui-color-stroke-focus);
+    }
+  }
+  .cgui\:focus-within\:border-b-stroke-focus {
+    &:focus-within {
+      border-bottom-color: var(--cg-ui-color-stroke-focus);
+    }
+  }
+  .cgui\:focus-within\:ring-1 {
+    &:focus-within {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .cgui\:focus-within\:ring-stroke-focus {
+    &:focus-within {
+      --tw-ring-color: var(--cg-ui-color-stroke-focus);
+    }
+  }
   .cgui\:hover\:bg-primary-60 {
     &:hover {
       @media (hover: hover) {
@@ -1764,6 +1865,16 @@
       }
     }
   }
+  .cgui\:focus\:bg-surface-primary {
+    &:focus {
+      background-color: var(--cg-ui-color-surface-primary);
+    }
+  }
+  .cgui\:focus\:text-fg-white {
+    &:focus {
+      color: var(--cg-ui-color-fg-white);
+    }
+  }
   .cgui\:focus\:ring-stroke-default {
     &:focus {
       --tw-ring-color: var(--cg-ui-color-stroke-default);
@@ -1796,6 +1907,14 @@
       --tw-ring-color: var(--cg-ui-color-stroke-primary);
     }
   }
+  .cgui\:focus-visible\:ring-stroke-primary\/50 {
+    &:focus-visible {
+      --tw-ring-color: var(--cg-ui-color-stroke-primary);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--cg-ui-color-stroke-primary) 50%, transparent);
+      }
+    }
+  }
   .cgui\:focus-visible\:ring-offset-0 {
     &:focus-visible {
       --tw-ring-offset-width: 0px;
@@ -1910,11 +2029,32 @@
       scale: 0.98;
     }
   }
+  .cgui\:data-disabled\:pointer-events-none {
+    &[data-disabled] {
+      pointer-events: none;
+    }
+  }
   .cgui\:data-disabled\:cursor-not-allowed {
     &[data-disabled] {
       cursor: not-allowed;
     }
   }
+  .cgui\:data-disabled\:text-fg-semilight\/30 {
+    &[data-disabled] {
+      color: var(--cg-ui-color-fg-semilight);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--cg-ui-color-fg-semilight) 30%, transparent);
+      }
+    }
+  }
+  .cgui\:data-disabled\:text-fg-semilight\/40 {
+    &[data-disabled] {
+      color: var(--cg-ui-color-fg-semilight);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--cg-ui-color-fg-semilight) 40%, transparent);
+      }
+    }
+  }
   .cgui\:data-disabled\:opacity-50 {
     &[data-disabled] {
       opacity: 50%;
@@ -1930,11 +2070,75 @@
       background-color: transparent;
     }
   }
+  .cgui\:data-invalid\:border-stroke-error {
+    &[data-invalid] {
+      border-color: var(--cg-ui-color-stroke-error);
+    }
+  }
+  .cgui\:data-invalid\:text-fg-error {
+    &[data-invalid] {
+      color: var(--cg-ui-color-fg-error);
+    }
+  }
+  .cgui\:data-invalid\:ring-stroke-error {
+    &[data-invalid] {
+      --tw-ring-color: var(--cg-ui-color-stroke-error);
+    }
+  }
+  .cgui\:data-outside-month\:pointer-events-none {
+    &[data-outside-month] {
+      pointer-events: none;
+    }
+  }
+  .cgui\:data-selected\:bg-surface-primary {
+    &[data-selected] {
+      background-color: var(--cg-ui-color-surface-primary);
+    }
+  }
+  .cgui\:data-selected\:font-medium {
+    &[data-selected] {
+      --tw-font-weight: var(--cgui-font-weight-medium);
+      font-weight: var(--cgui-font-weight-medium);
+    }
+  }
   .cgui\:data-selected\:text-fg-primary {
     &[data-selected] {
       color: var(--cg-ui-color-fg-primary);
     }
   }
+  .cgui\:data-selected\:text-fg-white {
+    &[data-selected] {
+      color: var(--cg-ui-color-fg-white);
+    }
+  }
+  .cgui\:data-today\:before\:block {
+    &[data-today] {
+      &::before {
+        content: var(--tw-content);
+        display: block;
+      }
+    }
+  }
+  .cgui\:data-today\:data-selected\:before\:bg-surface-light {
+    &[data-today] {
+      &[data-selected] {
+        &::before {
+          content: var(--tw-content);
+          background-color: var(--cg-ui-color-surface-light);
+        }
+      }
+    }
+  }
+  .cgui\:data-unavailable\:text-fg-semilight {
+    &[data-unavailable] {
+      color: var(--cg-ui-color-fg-semilight);
+    }
+  }
+  .cgui\:data-unavailable\:line-through {
+    &[data-unavailable] {
+      text-decoration-line: line-through;
+    }
+  }
   .cgui\:data-\[active\]\:bg-surface-dark {
     &[data-active] {
       background-color: var(--cg-ui-color-surface-dark);
@@ -2121,6 +2325,14 @@
       color: var(--cg-ui-color-fg-regular);
     }
   }
+  .cgui\:data-\[placeholder\]\:text-fg-regular\/60 {
+    &[data-placeholder] {
+      color: var(--cg-ui-color-fg-regular);
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, var(--cg-ui-color-fg-regular) 60%, transparent);
+      }
+    }
+  }
   .cgui\:data-\[placeholder\]\:text-fg-regular\/70 {
     &[data-placeholder] {
       color: var(--cg-ui-color-fg-regular);
@@ -2129,6 +2341,16 @@
       }
     }
   }
+  .cgui\:data-\[segment\=literal\]\:pointer-events-none {
+    &[data-segment="literal"] {
+      pointer-events: none;
+    }
+  }
+  .cgui\:data-\[segment\=literal\]\:text-fg-semilight {
+    &[data-segment="literal"] {
+      color: var(--cg-ui-color-fg-semilight);
+    }
+  }
   .cgui\:data-\[selected\=\"\"\]\:border-stroke-primary {
     &[data-selected=""] {
       border-color: var(--cg-ui-color-stroke-primary);
@@ -2439,6 +2661,16 @@
       border-bottom-left-radius: calc(var(--cg-ui-number-md) * 1px);
     }
   }
+  .cgui\:md\:grid-cols-2 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+  .cgui\:xl\:grid-cols-3 {
+    @media (width >= 80rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
   .cgui\:scrollbar-hover\:scrollbar-thumb-surface-regular\/60 {
     &::-webkit-scrollbar-thumb:hover {
       --tw-scrollbar-thumb: var(--cg-ui-color-surface-regular);
@@ -2634,6 +2866,12 @@
       height: calc(var(--cgui-spacing) * 4.5);
     }
   }
+  .cgui\:\[\&_svg\]\:size-5 {
+    & svg {
+      width: calc(var(--cgui-spacing) * 5);
+      height: calc(var(--cgui-spacing) * 5);
+    }
+  }
   .cgui\:\[\&_svg\]\:size-6 {
     & svg {
       width: calc(var(--cgui-spacing) * 6);
@@ -2843,6 +3081,98 @@
       height: 80%;
     }
   }
+  .cgui\:\[\[data-slot\=date-picker-input\]_\&\]\:ms-auto\! {
+    [data-slot=date-picker-input] & {
+      margin-inline-start: auto !important;
+    }
+  }
+  .cgui\:\[\[data-slot\=date-picker-input\]_\&\]\:min-h-0\! {
+    [data-slot=date-picker-input] & {
+      min-height: calc(var(--cgui-spacing) * 0) !important;
+    }
+  }
+  .cgui\:\[\[data-slot\=date-picker-input\]_\&\]\:w-auto\! {
+    [data-slot=date-picker-input] & {
+      width: auto !important;
+    }
+  }
+  .cgui\:\[\[data-slot\=date-picker-input\]_\&\]\:cursor-pointer {
+    [data-slot=date-picker-input] & {
+      cursor: pointer;
+    }
+  }
+  .cgui\:\[\[data-slot\=date-picker-input\]_\&\]\:rounded-none\! {
+    [data-slot=date-picker-input] & {
+      border-radius: 0 !important;
+    }
+  }
+  .cgui\:\[\[data-slot\=date-picker-input\]_\&\]\:border-0\! {
+    [data-slot=date-picker-input] & {
+      border-style: var(--tw-border-style) !important;
+      border-width: 0px !important;
+    }
+  }
+  .cgui\:\[\[data-slot\=date-picker-input\]_\&\]\:bg-transparent\! {
+    [data-slot=date-picker-input] & {
+      background-color: transparent !important;
+    }
+  }
+  .cgui\:\[\[data-slot\=date-picker-input\]_\&\]\:py-0\! {
+    [data-slot=date-picker-input] & {
+      padding-block: calc(var(--cgui-spacing) * 0) !important;
+    }
+  }
+  .cgui\:\[\[data-slot\=date-picker-input\]_\&\]\:pr-0 {
+    [data-slot=date-picker-input] & {
+      padding-right: calc(var(--cgui-spacing) * 0);
+    }
+  }
+  .cgui\:\[\[data-slot\=date-picker-input\]_\&\]\:pl-4 {
+    [data-slot=date-picker-input] & {
+      padding-left: calc(var(--cgui-spacing) * 4);
+    }
+  }
+  .cgui\:\[\[data-slot\=date-picker-input\]_\&\]\:text-fg-regular {
+    [data-slot=date-picker-input] & {
+      color: var(--cg-ui-color-fg-regular);
+    }
+  }
+  .cgui\:\[\[data-slot\=date-picker-input\]_\&\]\:shadow-none\! {
+    [data-slot=date-picker-input] & {
+      --tw-shadow: 0 0 #0000 !important;
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+    }
+  }
+  .cgui\:\[\[data-slot\=date-picker-input\]_\&\]\:hover\:text-fg-dark {
+    [data-slot=date-picker-input] & {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--cg-ui-color-fg-dark);
+        }
+      }
+    }
+  }
+  .cgui\:\[\[data-slot\=date-picker-input\]_\&_\[data-slot\=chevron\]\]\:relative\! {
+    [data-slot=date-picker-input] & [data-slot=chevron] {
+      position: relative !important;
+    }
+  }
+  .cgui\:\[\[data-slot\=date-picker-input\]_\&_\[data-slot\=chevron\]\]\:top-auto\! {
+    [data-slot=date-picker-input] & [data-slot=chevron] {
+      top: auto !important;
+    }
+  }
+  .cgui\:\[\[data-slot\=date-picker-input\]_\&_\[data-slot\=chevron\]\]\:right-auto\! {
+    [data-slot=date-picker-input] & [data-slot=chevron] {
+      right: auto !important;
+    }
+  }
+  .cgui\:\[\[data-slot\=date-picker-input\]_\&_\[data-slot\=chevron\]\]\:translate-y-0\! {
+    [data-slot=date-picker-input] & [data-slot=chevron] {
+      --tw-translate-y: calc(var(--cgui-spacing) * 0) !important;
+      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
+    }
+  }
 }
 @property --tw-animation-delay {
   syntax: "*";

package/dist/atomic/icons/calendar.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+  import type { IconProps } from './types.js';
+
+  let { width = 24, height = 24, color = 'currentColor', ...props }: IconProps = $props();
+</script>
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {width} {height} {color} {...props}>
+  <path d="M0 0h24v24H0z" fill="none" />
+  <path
+    fill="currentColor"
+    d="M9 1v2h6V1h2v2h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1zm11 10H4v8h16zM7 5H4v4h16V5h-3v2h-2V5H9v2H7z"
+  />
+</svg>

package/dist/atomic/icons/calendar.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const Calendar: import("svelte").Component<import("../../internal/types/html-attributes.js").PrimitiveSVGAttributes, {}, "">;
+type Calendar = ReturnType<typeof Calendar>;
+export default Calendar;

package/dist/atomic/icons/exports.d.ts

@@ -1,4 +1,5 @@
 export { default as Asterisk } from './asterisk.svelte';
+export { default as Calendar } from './calendar.svelte';
 export { default as CaretDown } from './caret-down.svelte';
 export { default as CaretUp } from './caret-up.svelte';
 export { default as Check } from './check.svelte';

package/dist/atomic/icons/exports.js

@@ -1,4 +1,5 @@
 export { default as Asterisk } from './asterisk.svelte';
+export { default as Calendar } from './calendar.svelte';
 export { default as CaretDown } from './caret-down.svelte';
 export { default as CaretUp } from './caret-up.svelte';
 export { default as Check } from './check.svelte';

package/dist/composed/calendar/api/format-caption.d.ts

@@ -0,0 +1,5 @@
+import { type DateValue } from '@internationalized/date';
+export type MonthCaptionFormat = 'short' | 'long' | 'narrow' | 'numeric' | '2-digit' | ((monthNumber: number) => string);
+export type YearCaptionFormat = 'numeric' | '2-digit' | ((year: number) => string);
+export declare function formatMonthCaption(date: DateValue, locale: string, monthFormat: MonthCaptionFormat): string;
+export declare function formatYearCaption(date: DateValue, locale: string, yearFormat: YearCaptionFormat): string;

package/dist/composed/calendar/api/format-caption.js

@@ -0,0 +1,13 @@
+import { DateFormatter, getLocalTimeZone } from '@internationalized/date';
+export function formatMonthCaption(date, locale, monthFormat) {
+    const dateObj = date.toDate(getLocalTimeZone());
+    if (typeof monthFormat === 'function')
+        return monthFormat(dateObj.getMonth() + 1);
+    return new DateFormatter(locale, { month: monthFormat }).format(dateObj);
+}
+export function formatYearCaption(date, locale, yearFormat) {
+    const dateObj = date.toDate(getLocalTimeZone());
+    if (typeof yearFormat === 'function')
+        return yearFormat(dateObj.getFullYear());
+    return new DateFormatter(locale, { year: yearFormat }).format(dateObj);
+}

package/dist/composed/calendar/api/index.d.ts

@@ -0,0 +1 @@
+export * from './format-caption.js';

package/dist/composed/calendar/api/index.js

@@ -0,0 +1 @@
+export * from './format-caption.js';

package/dist/composed/calendar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './root/index.js';
+export type * from './types.js';

package/dist/composed/calendar/index.js

@@ -0,0 +1 @@
+export * from './root/index.js';

package/dist/composed/calendar/root/calendar.root.svelte

@@ -0,0 +1,91 @@
+<script lang="ts">
+  import { Calendar as Primitive } from '../../../primitives/calendar/index.js';
+  import { formatMonthCaption, formatYearCaption } from '../api/index.js';
+  import type { CalendarProps } from '../types.js';
+
+  let {
+    value = $bindable(),
+    type,
+    captionLayout = 'label',
+    locale = 'en-US',
+    monthFormat = 'long',
+    yearFormat = 'numeric',
+    day: daySnippet,
+    class: className,
+    ...restProps
+  }: CalendarProps = $props();
+</script>
+
+<Primitive.Root
+  bind:value={value as never}
+  type={type as never}
+  {locale}
+  {monthFormat}
+  {yearFormat}
+  class={className}
+  {...restProps}
+>
+  {#snippet children({ months, weekdays })}
+    {@const currentMonth = months[0]?.value}
+    <Primitive.Header>
+      <Primitive.PrevButton />
+
+      {#if captionLayout === 'dropdown'}
+        <div class="cgui:flex cgui:items-center cgui:gap-2">
+          <Primitive.MonthSelect />
+          <Primitive.YearSelect />
+        </div>
+      {:else if captionLayout === 'dropdown-months' && currentMonth}
+        <div class="cgui:flex cgui:items-center cgui:gap-2">
+          <Primitive.MonthSelect />
+          <span class="cgui:text-body cgui:text-fg-darkest cgui:font-medium">
+            {formatYearCaption(currentMonth, locale, yearFormat)}
+          </span>
+        </div>
+      {:else if captionLayout === 'dropdown-years' && currentMonth}
+        <div class="cgui:flex cgui:items-center cgui:gap-2">
+          <span class="cgui:text-body cgui:text-fg-darkest cgui:font-medium">
+            {formatMonthCaption(currentMonth, locale, monthFormat)}
+          </span>
+          <Primitive.YearSelect />
+        </div>
+      {:else}
+        <Primitive.Heading />
+      {/if}
+
+      <Primitive.NextButton />
+    </Primitive.Header>
+
+    <Primitive.Body>
+      {#each months as month, i (i)}
+        <Primitive.Grid>
+          <Primitive.GridHead>
+            <Primitive.GridRow>
+              {#each weekdays as weekday, j (j)}
+                <Primitive.HeadCell>{weekday}</Primitive.HeadCell>
+              {/each}
+            </Primitive.GridRow>
+          </Primitive.GridHead>
+
+          <Primitive.GridBody>
+            {#each month.weeks as weekDates, w (w)}
+              <Primitive.GridRow>
+                {#each weekDates as date, d (d)}
+                  <Primitive.Cell {date} month={month.value}>
+                    {#if daySnippet}
+                      <Primitive.Day>
+                        {@render daySnippet({ date, month: month.value })}
+                      </Primitive.Day>
+                    {:else}
+                      <Primitive.Day>{date.day}</Primitive.Day>
+                    {/if}
+                  </Primitive.Cell>
+                {/each}
+              </Primitive.GridRow>
+            {/each}
+          </Primitive.GridBody>
+        </Primitive.Grid>
+      {/each}
+    </Primitive.Body>
+  {/snippet}
+</Primitive.Root>

package/dist/composed/calendar/root/calendar.root.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { CalendarProps } from '../types.js';
+declare const Calendar: import("svelte").Component<CalendarProps, {}, "value">;
+type Calendar = ReturnType<typeof Calendar>;
+export default Calendar;

package/dist/composed/calendar/root/index.d.ts

@@ -0,0 +1 @@
+export { default as Calendar } from './calendar.root.svelte';

package/dist/composed/calendar/root/index.js

@@ -0,0 +1 @@
+export { default as Calendar } from './calendar.root.svelte';