@moduix/solid 1.0.0

package/dist/components/date-picker/DatePicker_module.css

@@ -0,0 +1,445 @@
+@layer moduix.components {
+  @keyframes date-picker-content-open-IVlv55 {
+    from {
+      opacity: var(--moduix-date-picker-content-closed-opacity, var(--moduix-popup-motion-starting-opacity, 0));
+      translate: var(--moduix-popup-motion-starting-translate-x, 0)
+        var(--moduix-popup-motion-starting-translate-y, 0);
+      transform: scale(var(--moduix-date-picker-content-closed-scale, var(--moduix-popup-motion-starting-scale, var(--moduix-scale-popup))));
+    }
+
+    to {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+
+  @keyframes date-picker-content-closed-oMhGsI {
+    from {
+      opacity: 1;
+      transform: scale(1);
+    }
+
+    to {
+      opacity: var(--moduix-date-picker-content-closed-opacity, var(--moduix-popup-motion-ending-opacity, 0));
+      translate: var(--moduix-popup-motion-ending-translate-x, 0)
+        var(--moduix-popup-motion-ending-translate-y, 0);
+      transform: scale(var(--moduix-date-picker-content-closed-scale, var(--moduix-popup-motion-ending-scale, var(--moduix-scale-popup))));
+    }
+  }
+
+  .root-sgMq4I {
+    box-sizing: border-box;
+    width: var(--moduix-date-picker-width, 18.75rem);
+    max-width: var(--moduix-date-picker-max-width, 100%);
+    align-items: flex-start;
+    gap: var(--moduix-date-picker-root-gap, var(--moduix-spacing-1));
+    color: var(--moduix-date-picker-color, var(--moduix-color-foreground));
+    flex-direction: column;
+    display: inline-flex;
+  }
+
+  .root-sgMq4I:has(.input-c9DrcO[data-index="1"]) {
+    width: var(--moduix-date-picker-width, 24rem);
+  }
+
+  .root-sgMq4I:is([data-disabled], [data-readonly]) {
+    opacity: var(--moduix-date-picker-disabled-opacity, var(--moduix-opacity-disabled));
+  }
+
+  .label-o8_6xd {
+    color: var(--moduix-date-picker-label-color, var(--moduix-date-picker-color, var(--moduix-color-foreground)));
+    font-size: var(--moduix-date-picker-label-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-date-picker-label-font-weight, var(--moduix-weight-medium));
+    line-height: var(--moduix-date-picker-label-line-height, var(--moduix-line-height-text-sm));
+    -webkit-user-select: none;
+    user-select: none;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .control-pfUmnK {
+    align-items: center;
+    gap: var(--moduix-date-picker-input-gap, var(--moduix-spacing-2));
+    width: 100%;
+    min-width: 0;
+    color: var(--moduix-date-picker-color, var(--moduix-color-foreground));
+    display: flex;
+    position: relative;
+  }
+
+  .input-c9DrcO {
+    box-sizing: border-box;
+    width: 100%;
+    min-width: min(var(--moduix-date-picker-input-min-width, 7.5rem), 100%);
+    height: var(--moduix-date-picker-control-height, var(--moduix-size-md));
+    border: var(--moduix-date-picker-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-date-picker-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-date-picker-radius, var(--moduix-radius-md));
+    padding-block: var(--moduix-date-picker-input-padding-y, var(--moduix-spacing-1));
+    padding-inline: var(--moduix-date-picker-input-padding-x-start, var(--moduix-spacing-3-5))
+      var(--moduix-date-picker-input-padding-x-end, 4.25rem);
+    background-color: var(--moduix-date-picker-bg, var(--moduix-color-background));
+    color: inherit;
+    font: inherit;
+    font-size: var(--moduix-date-picker-font-size, var(--moduix-text-md));
+    line-height: var(--moduix-date-picker-line-height, var(--moduix-line-height-text-md));
+    outline: var(--moduix-date-picker-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+      solid transparent;
+    outline-offset: calc(var(--moduix-date-picker-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))) *
+        -1);
+    transition: background-color var(--moduix-date-picker-transition, var(--moduix-transition-default)),
+      border-color var(--moduix-date-picker-transition, var(--moduix-transition-default)),
+      color var(--moduix-date-picker-transition, var(--moduix-transition-default)),
+      outline-color var(--moduix-date-picker-transition, var(--moduix-transition-default)),
+      opacity var(--moduix-date-picker-transition, var(--moduix-transition-default));
+    flex: 1 1 0;
+    margin: 0;
+  }
+
+  .input-c9DrcO::placeholder {
+    color: var(--moduix-date-picker-placeholder-color, var(--moduix-color-muted-foreground));
+    opacity: 1;
+  }
+
+  .input-c9DrcO:focus, .control-pfUmnK[data-focus] .input-c9DrcO {
+    border-color: var(--moduix-date-picker-focus-ring-color, var(--moduix-color-ring));
+    outline-color: var(--moduix-date-picker-focus-ring-color, var(--moduix-color-ring));
+  }
+
+  .input-c9DrcO:is([data-invalid], [aria-invalid="true"]), .control-pfUmnK[data-invalid] .input-c9DrcO {
+    border-color: var(--moduix-date-picker-invalid-color, var(--moduix-color-destructive));
+    outline-color: var(--moduix-date-picker-invalid-color, var(--moduix-color-destructive));
+  }
+
+  .input-c9DrcO:is([disabled], [data-disabled], [readonly], [data-readonly]) {
+    cursor: default;
+  }
+
+  .control-pfUmnK:has(.input-c9DrcO[data-index="1"]) .input-c9DrcO {
+    min-width: min(var(--moduix-date-picker-range-input-min-width, 7.5rem), 100%);
+    padding-inline-end: var(--moduix-date-picker-input-padding-x-start, var(--moduix-spacing-3-5));
+  }
+
+  .control-pfUmnK .input-c9DrcO[data-index="1"] {
+    padding-inline-end: var(--moduix-date-picker-input-padding-x-end, 4.25rem);
+  }
+
+  .trigger-sqKYfh, .navTrigger-XCWd0K, .viewTrigger-ZeOJgr, .presetTrigger-YJ0aqw {
+    box-sizing: border-box;
+    border-radius: var(--moduix-date-picker-action-radius, var(--moduix-radius-sm));
+    background: var(--moduix-date-picker-action-bg, transparent);
+    color: var(--moduix-date-picker-icon-color, var(--moduix-color-muted-foreground));
+    font: inherit;
+    outline: var(--moduix-date-picker-action-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+      solid transparent;
+    outline-offset: var(--moduix-date-picker-action-focus-ring-offset, 0);
+    cursor: pointer;
+    transition: background-color var(--moduix-date-picker-transition, var(--moduix-transition-default)),
+      color var(--moduix-date-picker-transition, var(--moduix-transition-default)),
+      outline-color var(--moduix-date-picker-transition, var(--moduix-transition-default)),
+      opacity var(--moduix-date-picker-transition, var(--moduix-transition-default));
+    border: 0;
+    flex-shrink: 0;
+    justify-content: center;
+    align-items: center;
+    margin: 0;
+    padding: 0;
+    line-height: 0;
+    display: inline-flex;
+  }
+
+  :is(.trigger-sqKYfh, .navTrigger-XCWd0K, .viewTrigger-ZeOJgr, .presetTrigger-YJ0aqw) > svg {
+    width: var(--moduix-date-picker-icon-size, var(--moduix-spacing-4));
+    height: var(--moduix-date-picker-icon-size, var(--moduix-spacing-4));
+    display: block;
+  }
+
+  :is(.trigger-sqKYfh, .navTrigger-XCWd0K, .viewTrigger-ZeOJgr, .presetTrigger-YJ0aqw):is(:focus-visible, [data-focus]) {
+    outline-color: var(--moduix-date-picker-focus-ring-color, var(--moduix-color-ring));
+  }
+
+  :is(.trigger-sqKYfh, .navTrigger-XCWd0K, .viewTrigger-ZeOJgr, .presetTrigger-YJ0aqw):is([disabled], [data-disabled]) {
+    cursor: default;
+    opacity: var(--moduix-date-picker-disabled-opacity, var(--moduix-opacity-disabled));
+  }
+
+  :is(.trigger-sqKYfh, .navTrigger-XCWd0K, .viewTrigger-ZeOJgr, .presetTrigger-YJ0aqw)[hidden] {
+    display: none;
+  }
+
+  @media (hover: hover) {
+    :is(.trigger-sqKYfh, .navTrigger-XCWd0K, .viewTrigger-ZeOJgr, .presetTrigger-YJ0aqw):not(:is([disabled], [data-disabled])):hover {
+      background-color: var(--moduix-date-picker-action-bg-hover, var(--moduix-color-muted));
+      color: var(--moduix-date-picker-action-color-hover, var(--moduix-color-foreground));
+    }
+  }
+
+  .trigger-sqKYfh {
+    width: var(--moduix-date-picker-action-size, var(--moduix-size-xs));
+    height: var(--moduix-date-picker-action-size, var(--moduix-size-xs));
+    top: 50%;
+    position: absolute;
+    inset-inline-end: var(--moduix-date-picker-trigger-offset-right, var(--moduix-spacing-2));
+    transform: translateY(-50%);
+  }
+
+  .clearTrigger-r6Q5II {
+    --moduix-close-button-size: var(--moduix-date-picker-action-size, var(--moduix-size-xs));
+    --moduix-close-button-icon-size: var(--moduix-date-picker-icon-size, var(--moduix-spacing-4));
+    --moduix-close-button-radius: var(--moduix-date-picker-action-radius, var(--moduix-radius-sm));
+    --moduix-close-button-bg: var(--moduix-date-picker-action-bg, transparent);
+    --moduix-close-button-bg-hover: var(--moduix-date-picker-action-bg-hover, var(--moduix-color-muted));
+    --moduix-close-button-color: var(--moduix-date-picker-icon-color, var(--moduix-color-muted-foreground));
+    --moduix-close-button-color-hover: var(--moduix-date-picker-action-color-hover, var(--moduix-color-foreground));
+    --moduix-close-button-disabled-opacity: var(--moduix-date-picker-disabled-opacity, var(--moduix-opacity-disabled));
+    --moduix-close-button-focus-ring-width: var(--moduix-date-picker-action-focus-ring-width, var(--moduix-border-width-sm));
+    --moduix-close-button-focus-ring-color: var(--moduix-date-picker-focus-ring-color, var(--moduix-color-ring));
+    --moduix-close-button-focus-ring-offset: var(--moduix-date-picker-action-focus-ring-offset, 0);
+    top: 50%;
+    position: absolute;
+    inset-inline-end: calc(var(--moduix-date-picker-trigger-offset-right, var(--moduix-spacing-2)) +
+        var(--moduix-date-picker-action-size, var(--moduix-size-xs)) +
+        var(--moduix-date-picker-action-gap, var(--moduix-spacing-0-5)));
+    transform: translateY(-50%);
+  }
+
+  .clearTrigger-r6Q5II[data-focus] {
+    outline: var(--moduix-close-button-focus-ring-width) solid
+        var(--moduix-close-button-focus-ring-color);
+    outline-offset: var(--moduix-close-button-focus-ring-offset);
+  }
+
+  .clearTrigger-r6Q5II[hidden] {
+    display: none;
+  }
+
+  .positioner-Rgl_Ub {
+    z-index: var(--z-index);
+    outline: 0;
+  }
+
+  .content-pUiIqD {
+    box-sizing: border-box;
+    z-index: calc(var(--moduix-z-popup) + var(--layer-index, 0));
+    width: min(var(--moduix-date-picker-content-width, 18.75rem), var(--available-width));
+    min-width: min(var(--moduix-date-picker-content-min-width, 18.75rem), var(--available-width));
+    max-width: min(var(--moduix-date-picker-content-max-width, calc(100vw - 2rem)),
+      var(--available-width));
+    border: var(--moduix-date-picker-content-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-date-picker-content-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-date-picker-content-radius, var(--moduix-radius-md));
+    padding: var(--moduix-date-picker-content-padding, var(--moduix-spacing-3));
+    background-color: var(--moduix-date-picker-content-bg, var(--moduix-color-popover));
+    box-shadow: var(--moduix-date-picker-content-shadow, var(--moduix-shadow-lg));
+    color: var(--moduix-date-picker-content-color, var(--moduix-color-popover-foreground));
+    transform-origin: var(--transform-origin);
+    outline: 0;
+  }
+
+  .content-pUiIqD[data-state="open"] {
+    animation: date-picker-content-open-IVlv55
+        var(--moduix-date-picker-transition, var(--moduix-popup-motion-duration, var(--moduix-duration-normal))
+            var(--moduix-popup-motion-easing, var(--moduix-ease-in-out)));
+  }
+
+  .content-pUiIqD[data-state="closed"] {
+    animation: date-picker-content-closed-oMhGsI
+        var(--moduix-date-picker-transition, var(--moduix-popup-motion-duration, var(--moduix-duration-normal))
+            var(--moduix-popup-motion-easing, var(--moduix-ease-in-out)));
+    pointer-events: none;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .content-pUiIqD[data-state] {
+      animation-duration: 1ms;
+      animation-delay: 0s;
+    }
+  }
+
+  .content-pUiIqD[data-inline] {
+    min-width: var(--moduix-date-picker-inline-content-min-width, 18rem);
+    box-shadow: var(--moduix-date-picker-inline-content-shadow, none);
+  }
+
+  .view-D55Ztu {
+    gap: var(--moduix-date-picker-view-gap, var(--moduix-spacing-3));
+    display: grid;
+  }
+
+  .viewControl-YkZjuH {
+    justify-content: space-between;
+    align-items: center;
+    gap: var(--moduix-date-picker-view-control-gap, var(--moduix-spacing-2));
+    min-width: 0;
+    display: flex;
+  }
+
+  .navTrigger-XCWd0K {
+    width: var(--moduix-date-picker-nav-trigger-size, var(--moduix-size-sm));
+    height: var(--moduix-date-picker-nav-trigger-size, var(--moduix-size-sm));
+  }
+
+  .viewTrigger-ZeOJgr {
+    min-width: 0;
+    min-height: var(--moduix-date-picker-view-trigger-height, var(--moduix-size-sm));
+    gap: var(--moduix-date-picker-view-trigger-gap, var(--moduix-spacing-2));
+    padding-inline: var(--moduix-date-picker-view-trigger-padding-x, var(--moduix-spacing-2));
+    color: var(--moduix-date-picker-view-trigger-color, var(--moduix-color-foreground));
+    font-size: var(--moduix-date-picker-view-trigger-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-date-picker-view-trigger-font-weight, var(--moduix-weight-medium));
+    line-height: var(--moduix-date-picker-view-trigger-line-height, var(--moduix-line-height-text-sm));
+    flex: 1;
+  }
+
+  .rangeText-yRO9DD, .valueText-fBFFP3 {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-width: 0;
+    overflow: hidden;
+  }
+
+  .table-cZCoCG {
+    border-collapse: separate;
+    width: 100%;
+    border-spacing: var(--moduix-date-picker-table-cell-gap, var(--moduix-spacing-0-5));
+    table-layout: fixed;
+  }
+
+  .tableHeader-gQxu5f, .weekNumberCell-vJvbkS {
+    width: var(--moduix-date-picker-table-cell-size, var(--moduix-size-sm));
+    height: var(--moduix-date-picker-table-header-height, 1.75rem);
+    color: var(--moduix-date-picker-table-header-color, var(--moduix-color-muted-foreground));
+    font-size: var(--moduix-date-picker-table-header-font-size, var(--moduix-text-xs));
+    font-weight: var(--moduix-date-picker-table-header-font-weight, var(--moduix-weight-medium));
+    line-height: var(--moduix-date-picker-table-header-line-height, var(--moduix-line-height-text-xs));
+    text-align: center;
+  }
+
+  .tableCell-B8xTKU {
+    width: var(--moduix-date-picker-table-cell-size, var(--moduix-size-sm));
+    height: var(--moduix-date-picker-table-cell-size, var(--moduix-size-sm));
+    text-align: center;
+    padding: 0;
+  }
+
+  .weekNumberCell-vJvbkS {
+    color: var(--moduix-date-picker-week-number-color, var(--moduix-color-muted-foreground));
+    font-variant-numeric: tabular-nums;
+  }
+
+  .tableCellTrigger-TqHrae {
+    box-sizing: border-box;
+    width: 100%;
+    min-width: var(--moduix-date-picker-table-cell-size, var(--moduix-size-sm));
+    height: var(--moduix-date-picker-table-cell-size, var(--moduix-size-sm));
+    border: var(--moduix-date-picker-table-cell-border-width, 0) solid
+      var(--moduix-date-picker-table-cell-border-color, transparent);
+    border-radius: var(--moduix-date-picker-table-cell-radius, var(--moduix-radius-sm));
+    background: var(--moduix-date-picker-table-cell-bg, transparent);
+    color: var(--moduix-date-picker-table-cell-color, var(--moduix-date-picker-content-color, var(--moduix-color-foreground)));
+    font: inherit;
+    font-size: var(--moduix-date-picker-table-cell-font-size, var(--moduix-text-sm));
+    line-height: var(--moduix-date-picker-table-cell-line-height, var(--moduix-line-height-text-sm));
+    outline: var(--moduix-date-picker-table-cell-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+      solid transparent;
+    outline-offset: calc(var(--moduix-date-picker-table-cell-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))) *
+        -1);
+    cursor: pointer;
+    transition: background-color var(--moduix-date-picker-transition, var(--moduix-transition-default)),
+      border-color var(--moduix-date-picker-transition, var(--moduix-transition-default)),
+      color var(--moduix-date-picker-transition, var(--moduix-transition-default)),
+      outline-color var(--moduix-date-picker-transition, var(--moduix-transition-default)),
+      opacity var(--moduix-date-picker-transition, var(--moduix-transition-default));
+    justify-content: center;
+    align-items: center;
+    padding: 0;
+    display: inline-flex;
+  }
+
+  .tableCellTrigger-TqHrae:is(:focus-visible, [data-focus]) {
+    outline-color: var(--moduix-date-picker-table-cell-focus-ring-color, var(--moduix-color-ring));
+  }
+
+  .tableCellTrigger-TqHrae[data-today] {
+    border-color: var(--moduix-date-picker-table-cell-today-border-color, var(--moduix-color-ring));
+    color: var(--moduix-date-picker-table-cell-today-color, var(--moduix-date-picker-table-cell-color, var(--moduix-color-foreground)));
+  }
+
+  .tableCellTrigger-TqHrae:is([data-in-range], [data-in-hover-range]) {
+    background-color: var(--moduix-date-picker-table-cell-range-bg, var(--moduix-color-muted));
+    color: var(--moduix-date-picker-table-cell-range-color, var(--moduix-color-foreground));
+  }
+
+  .tableCellTrigger-TqHrae[data-selected] {
+    background-color: var(--moduix-date-picker-table-cell-selected-bg, var(--moduix-color-primary));
+    color: var(--moduix-date-picker-table-cell-selected-color, var(--moduix-color-primary-foreground));
+  }
+
+  .tableCellTrigger-TqHrae:is([data-outside-range], [data-unavailable]) {
+    color: var(--moduix-date-picker-table-cell-muted-color, var(--moduix-color-muted-foreground));
+  }
+
+  .tableCellTrigger-TqHrae:is([data-disabled], [disabled]) {
+    cursor: default;
+    opacity: var(--moduix-date-picker-disabled-opacity, var(--moduix-opacity-disabled));
+  }
+
+  @media (hover: hover) {
+    .tableCellTrigger-TqHrae:not(:is([data-disabled], [disabled], [data-selected])):hover {
+      background-color: var(--moduix-date-picker-table-cell-bg-hover, var(--moduix-color-accent));
+      color: var(--moduix-date-picker-table-cell-color-hover, var(--moduix-color-accent-foreground));
+    }
+  }
+
+  .select-ntejqa {
+    box-sizing: border-box;
+    width: 100%;
+    min-width: 0;
+    min-height: var(--moduix-date-picker-select-height, var(--moduix-size-sm));
+    border: var(--moduix-date-picker-select-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-date-picker-select-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-date-picker-select-radius, var(--moduix-radius-sm));
+    padding-block: var(--moduix-date-picker-select-padding-y, var(--moduix-spacing-1));
+    padding-inline: var(--moduix-date-picker-select-padding-x, var(--moduix-spacing-2));
+    background-color: var(--moduix-date-picker-select-bg, var(--moduix-color-background));
+    color: var(--moduix-date-picker-select-color, var(--moduix-color-foreground));
+    font: inherit;
+    font-size: var(--moduix-date-picker-select-font-size, var(--moduix-text-sm));
+    line-height: var(--moduix-date-picker-select-line-height, var(--moduix-line-height-text-sm));
+    outline: var(--moduix-date-picker-select-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+      solid transparent;
+    outline-offset: calc(var(--moduix-date-picker-select-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))) *
+        -1);
+    cursor: pointer;
+    transition: background-color var(--moduix-date-picker-transition, var(--moduix-transition-default)),
+      border-color var(--moduix-date-picker-transition, var(--moduix-transition-default)),
+      outline-color var(--moduix-date-picker-transition, var(--moduix-transition-default));
+    flex: 1 1 0;
+  }
+
+  .select-ntejqa:focus {
+    border-color: var(--moduix-date-picker-focus-ring-color, var(--moduix-color-ring));
+    outline-color: var(--moduix-date-picker-focus-ring-color, var(--moduix-color-ring));
+  }
+
+  .presetTrigger-YJ0aqw {
+    min-height: var(--moduix-date-picker-preset-trigger-height, var(--moduix-size-sm));
+    padding-inline: var(--moduix-date-picker-preset-trigger-padding-x, var(--moduix-spacing-2));
+    background-color: var(--moduix-date-picker-preset-trigger-bg, var(--moduix-color-muted));
+    color: var(--moduix-date-picker-preset-trigger-color, var(--moduix-color-foreground));
+    font-size: var(--moduix-date-picker-preset-trigger-font-size, var(--moduix-text-sm));
+    line-height: var(--moduix-date-picker-preset-trigger-line-height, var(--moduix-line-height-text-sm));
+  }
+
+  @media (hover: hover) {
+    .presetTrigger-YJ0aqw:not(:is([disabled], [data-disabled], [data-selected])):hover {
+      background-color: var(--moduix-date-picker-preset-trigger-bg-hover, var(--moduix-color-accent));
+    }
+  }
+
+  .presetTrigger-YJ0aqw[data-selected] {
+    background-color: var(--moduix-date-picker-preset-trigger-selected-bg, var(--moduix-color-primary));
+    color: var(--moduix-date-picker-preset-trigger-selected-color, var(--moduix-color-primary-foreground));
+  }
+}
+

package/dist/components/date-picker/index.d.ts

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

package/dist/components/date-picker/index.js

@@ -0,0 +1 @@
+export * from "./DatePicker.js";

package/dist/components/date-picker/index.jsx

@@ -0,0 +1 @@
+export * from "./DatePicker.jsx";

package/dist/components/dialog/Dialog.d.ts

@@ -0,0 +1,38 @@
+import { Dialog as DialogPrimitive, useDialog, useDialogContext } from '@ark-ui/solid/dialog';
+import type { HTMLArkProps } from '@ark-ui/solid/factory';
+import type { ComponentProps } from 'solid-js';
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
+type DialogRootProps = ComponentProps<typeof DialogPrimitive.Root> & OverlayPortalProps;
+type DialogRootProviderProps = ComponentProps<typeof DialogPrimitive.RootProvider> & OverlayPortalProps;
+type DialogCloseIconProps = Omit<ComponentProps<typeof DialogPrimitive.CloseTrigger>, 'asChild'>;
+declare function DialogRoot(props: DialogRootProps): import("solid-js").JSX.Element;
+declare function DialogRootProvider(props: DialogRootProviderProps): import("solid-js").JSX.Element;
+declare function DialogTrigger(props: ComponentProps<typeof DialogPrimitive.Trigger>): import("solid-js").JSX.Element;
+declare function DialogBackdrop(props: ComponentProps<typeof DialogPrimitive.Backdrop>): import("solid-js").JSX.Element;
+declare function DialogPositioner(props: ComponentProps<typeof DialogPrimitive.Positioner>): import("solid-js").JSX.Element;
+declare function DialogContent(props: ComponentProps<typeof DialogPrimitive.Content>): import("solid-js").JSX.Element;
+declare function DialogTitle(props: ComponentProps<typeof DialogPrimitive.Title>): import("solid-js").JSX.Element;
+declare function DialogDescription(props: ComponentProps<typeof DialogPrimitive.Description>): import("solid-js").JSX.Element;
+declare function DialogCloseTrigger(props: ComponentProps<typeof DialogPrimitive.CloseTrigger>): import("solid-js").JSX.Element;
+declare function DialogCloseIcon(props: DialogCloseIconProps): import("solid-js").JSX.Element;
+declare function DialogHeader(props: HTMLArkProps<'div'>): import("solid-js").JSX.Element;
+declare function DialogBody(props: HTMLArkProps<'div'>): import("solid-js").JSX.Element;
+declare function DialogFooter(props: HTMLArkProps<'div'>): import("solid-js").JSX.Element;
+declare const Dialog: typeof DialogRoot & {
+    Root: typeof DialogRoot;
+    RootProvider: typeof DialogRootProvider;
+    Context: (props: DialogPrimitive.ContextProps) => import("solid-js").JSX.Element;
+    Trigger: typeof DialogTrigger;
+    Backdrop: typeof DialogBackdrop;
+    Positioner: typeof DialogPositioner;
+    Content: typeof DialogContent;
+    Title: typeof DialogTitle;
+    Description: typeof DialogDescription;
+    CloseTrigger: typeof DialogCloseTrigger;
+    CloseIcon: typeof DialogCloseIcon;
+    Header: typeof DialogHeader;
+    Body: typeof DialogBody;
+    Footer: typeof DialogFooter;
+};
+export { Dialog, useDialog, useDialogContext };
+export type { DialogRootProps, DialogRootProviderProps };