@pathscale/ui 0.0.163 → 0.0.165

package/dist/select/select.css

@@ -1,351 +0,0 @@
-@layer components {
-  .select {
-      border: var(--border) solid #0000;
-      position: relative;
-      display: inline-flex;
-      flex-shrink: 1;
-      appearance: none;
-      align-items: center;
-      gap: calc(0.25rem * 1.5);
-      background-color: var(--color-base-100);
-      padding-inline-start: calc(0.25rem * 3);
-      padding-inline-end: calc(0.25rem * 7);
-      vertical-align: middle;
-      width: clamp(3rem, 20rem, 100%);
-      height: var(--size);
-      font-size: 0.875rem;
-      touch-action: manipulation;
-      border-start-start-radius: var(--join-ss, var(--radius-field));
-      border-start-end-radius: var(--join-se, var(--radius-field));
-      border-end-start-radius: var(--join-es, var(--radius-field));
-      border-end-end-radius: var(--join-ee, var(--radius-field));
-      background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%);
-      background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
-      background-size: 4px 4px, 4px 4px;
-      background-repeat: no-repeat;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
-      border-color: var(--input-color);
-      --input-color: var(--color-base-content);
-      --size: calc(var(--size-field, 0.25rem) * 10);
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .select {
-      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
-    }
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .select {
-      --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
-    }
-    }
-
-  [dir="rtl"] .select {
-      background-position: calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%);
-    }
-
-  [dir="rtl"] .select::picker(select),
-    [dir="rtl"] .select select::picker(select) {
-      translate: 0.5rem 0;
-    }
-
-  .select[multiple] {
-      height: auto;
-      overflow: auto;
-      padding-block: calc(0.25rem * 3);
-      padding-inline-end: calc(0.25rem * 3);
-      background-image: none;
-    }
-
-  .select select {
-      margin-inline-start: calc(0.25rem * -3);
-      margin-inline-end: calc(0.25rem * -7);
-      width: calc(100% + 2.75rem);
-      appearance: none;
-      padding-inline-start: calc(0.25rem * 3);
-      padding-inline-end: calc(0.25rem * 7);
-      height: calc(100% - calc(var(--border) * 2));
-      align-items: center;
-      background: inherit;
-      border-radius: inherit;
-      border-style: none;
-    }
-
-  .select select:focus,
-    .select select:focus-within {
-      --tw-outline-style: none;
-      outline-style: none;
-    }
-
-  @media (forced-colors: active) {
-    .select select:focus,
-    .select select:focus-within {
-      outline: 2px solid transparent;
-      outline-offset: 2px;
-    }
-    }
-
-  .select select:not(:last-child) {
-      margin-inline-end: calc(0.25rem * -5.5);
-      background-image: none;
-    }
-
-  .select:focus,
-    .select:focus-within {
-      --input-color: var(--color-base-content);
-      box-shadow: 0 1px var(--input-color);
-      outline: 2px solid var(--input-color);
-      outline-offset: 2px;
-      isolation: isolate;
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .select:focus,
-    .select:focus-within {
-      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
-    }
-    }
-
-  .select:has(> select[disabled]),
-    .select:is(:disabled, [disabled]),
-    fieldset:disabled .select {
-      cursor: not-allowed;
-      border-color: var(--color-base-200);
-      background-color: var(--color-base-200);
-      color: var(--color-base-content);
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .select:has(> select[disabled]),
-    .select:is(:disabled, [disabled]),
-    fieldset:disabled .select {
-      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
-    }
-    }
-
-  .select:has(> select[disabled])::placeholder,
-    .select:is(:disabled, [disabled])::placeholder,
-    fieldset:disabled .select::placeholder {
-      color: var(--color-base-content);
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .select:has(> select[disabled])::placeholder,
-    .select:is(:disabled, [disabled])::placeholder,
-    fieldset:disabled .select::placeholder {
-      color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
-    }
-    }
-
-  .select:has(> select[disabled]) > select[disabled] {
-      cursor: not-allowed;
-    }
-
-  @supports (appearance: base-select) {
-    .select,
-    .select select {
-      appearance: base-select;
-    }
-    }
-
-  @supports (appearance: base-select) {
-    .select::picker(select),
-    .select select::picker(select) {
-      appearance: base-select;
-    }
-    }
-
-  .select::picker(select),
-    .select select::picker(select) {
-      color: inherit;
-      max-height: min(24rem, 70dvh);
-      margin-inline: 0.5rem;
-      translate: -0.5rem 0;
-      border: var(--border) solid var(--color-base-200);
-      margin-block: calc(0.25rem * 2);
-      border-radius: var(--radius-box);
-      padding: calc(0.25rem * 2);
-      background-color: inherit;
-      box-shadow: 0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0/0.2);
-      box-shadow: 0 20px 25px -5px rgb(0 0 0 / calc(var(--depth) * 0.1)), 0 8px 10px -6px rgb(0 0 0 / calc(var(--depth) * 0.1));
-    }
-
-  .select::picker-icon,
-    .select select::picker-icon {
-      display: none;
-    }
-
-  .select optgroup,
-    .select select optgroup {
-      padding-top: 0.5em;
-    }
-
-  .select optgroup option:nth-child(1),
-    .select select optgroup option:nth-child(1) {
-      margin-top: 0.5em;
-    }
-
-  .select option,
-    .select select option {
-      border-radius: var(--radius-field);
-      padding-inline: calc(0.25rem * 3);
-      padding-block: calc(0.25rem * 1.5);
-      transition-property: color, background-color;
-      transition-duration: 0.2s;
-      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-      white-space: normal;
-    }
-
-  .select option:not(:disabled):hover,
-    .select option:not(:disabled):focus-visible,
-    .select select option:not(:disabled):hover,
-    .select select option:not(:disabled):focus-visible {
-      cursor: pointer;
-      background-color: var(--color-base-content);
-      --tw-outline-style: none;
-      outline-style: none;
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .select option:not(:disabled):hover,
-    .select option:not(:disabled):focus-visible,
-    .select select option:not(:disabled):hover,
-    .select select option:not(:disabled):focus-visible {
-      background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
-    }
-    }
-
-  @media (forced-colors: active) {
-    .select option:not(:disabled):hover,
-    .select option:not(:disabled):focus-visible,
-    .select select option:not(:disabled):hover,
-    .select select option:not(:disabled):focus-visible {
-      outline: 2px solid transparent;
-      outline-offset: 2px;
-    }
-    }
-
-  .select option:not(:disabled):active,
-    .select select option:not(:disabled):active {
-      background-color: var(--color-neutral);
-      color: var(--color-neutral-content);
-      box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral);
-    }
-
-  .select-ghost {
-      background-color: transparent;
-      transition: background-color 0.2s;
-      box-shadow: none;
-      border-color: #0000;
-    }
-
-  .select-ghost:focus,
-    .select-ghost:focus-within {
-      background-color: var(--color-base-100);
-      color: var(--color-base-content);
-      border-color: #0000;
-      box-shadow: none;
-    }
-
-  .select-lg {
-      --size: calc(var(--size-field, 0.25rem) * 12);
-      font-size: 1.125rem;
-    }
-
-  .select-lg option {
-      padding-inline: calc(0.25rem * 4);
-      padding-block: calc(0.25rem * 1.5);
-    }
-
-  .select-md {
-      --size: calc(var(--size-field, 0.25rem) * 10);
-      font-size: 0.875rem;
-    }
-
-  .select-md option {
-      padding-inline: calc(0.25rem * 3);
-      padding-block: calc(0.25rem * 1.5);
-    }
-
-  .select-sm {
-      --size: calc(var(--size-field, 0.25rem) * 8);
-      font-size: 0.75rem;
-    }
-
-  .select-sm option {
-      padding-inline: calc(0.25rem * 2.5);
-      padding-block: calc(0.25rem * 1);
-    }
-
-  .select-xl {
-      --size: calc(var(--size-field, 0.25rem) * 14);
-      font-size: 1.375rem;
-    }
-
-  .select-xl option {
-      padding-inline: calc(0.25rem * 5);
-      padding-block: calc(0.25rem * 1.5);
-    }
-
-  .select-xs {
-      --size: calc(var(--size-field, 0.25rem) * 6);
-      font-size: 0.6875rem;
-    }
-
-  .select-xs option {
-      padding-inline: calc(0.25rem * 2);
-      padding-block: calc(0.25rem * 1);
-    }
-
-  .select-accent,
-    .select-accent:focus,
-    .select-accent:focus-within {
-      --input-color: var(--color-accent);
-    }
-
-  .select-error,
-    .select-error:focus,
-    .select-error:focus-within {
-      --input-color: var(--color-error);
-    }
-
-  .select-info,
-    .select-info:focus,
-    .select-info:focus-within {
-      --input-color: var(--color-info);
-    }
-
-  .select-neutral,
-    .select-neutral:focus,
-    .select-neutral:focus-within {
-      --input-color: var(--color-neutral);
-    }
-
-  .select-primary,
-    .select-primary:focus,
-    .select-primary:focus-within {
-      --input-color: var(--color-primary);
-    }
-
-  .select-secondary,
-    .select-secondary:focus,
-    .select-secondary:focus-within {
-      --input-color: var(--color-secondary);
-    }
-
-  .select-success,
-    .select-success:focus,
-    .select-success:focus-within {
-      --input-color: var(--color-success);
-    }
-
-  .select-warning,
-    .select-warning:focus,
-    .select-warning:focus-within {
-      --input-color: var(--color-warning);
-    }
-}

package/dist/skeleton/skeleton.css

@@ -1,22 +0,0 @@
-@layer components {
-  .skeleton {
-      border-radius: var(--radius-box);
-      background-color: var(--color-base-300);
-      will-change: background-position;
-      background-image: linear-gradient( 105deg, #0000 0% 40%, var(--color-base-100) 50%, #0000 60% 100% );
-      background-size: 200% auto;
-      background-position-x: -50%;
-    }
-
-  @media (prefers-reduced-motion: reduce) {
-    .skeleton {
-      transition-duration: 15s;
-    }
-    }
-
-  @media (prefers-reduced-motion: no-preference) {
-    .skeleton {
-      animation: skeleton 1.8s ease-in-out infinite;
-    }
-    }
-}

package/dist/stack/stack.css

@@ -1,90 +0,0 @@
-@layer components {
-  .stack {
-      display: inline-grid;
-      grid-template-columns: 3px 4px 1fr 4px 3px;
-      grid-template-rows: 3px 4px 1fr 4px 3px;
-    }
-
-  .stack > * {
-      height: 100%;
-      width: 100%;
-    }
-
-  .stack > *:nth-child(n + 2) {
-      width: 100%;
-      opacity: 70%;
-    }
-
-  .stack > *:nth-child(2) {
-      z-index: 2;
-      opacity: 90%;
-    }
-
-  .stack > *:nth-child(1) {
-      z-index: 3;
-      width: 100%;
-    }
-
-  .stack > *,
-    .stack.stack-bottom > * {
-      grid-column: 3 / 4;
-      grid-row: 3 / 6;
-    }
-
-  .stack > *:nth-child(2),
-    .stack.stack-bottom > *:nth-child(2) {
-      grid-column: 2 / 5;
-      grid-row: 2 / 5;
-    }
-
-  .stack > *:nth-child(1),
-    .stack.stack-bottom > *:nth-child(1) {
-      grid-column: 1 / 6;
-      grid-row: 1 / 4;
-    }
-
-  .stack.stack-top > * {
-      grid-column: 3 / 4;
-      grid-row: 1 / 4;
-    }
-
-  .stack.stack-top > *:nth-child(2) {
-      grid-column: 2 / 5;
-      grid-row: 2 / 5;
-    }
-
-  .stack.stack-top > *:nth-child(1) {
-      grid-column: 1 / 6;
-      grid-row: 3 / 6;
-    }
-
-  .stack.stack-start > * {
-      grid-column: 1 / 4;
-      grid-row: 3 / 4;
-    }
-
-  .stack.stack-start > *:nth-child(2) {
-      grid-column: 2 / 5;
-      grid-row: 2 / 5;
-    }
-
-  .stack.stack-start > *:nth-child(1) {
-      grid-column: 3 / 6;
-      grid-row: 1 / 6;
-    }
-
-  .stack.stack-end > * {
-      grid-column: 3 / 6;
-      grid-row: 3 / 4;
-    }
-
-  .stack.stack-end > *:nth-child(2) {
-      grid-column: 2 / 5;
-      grid-row: 2 / 5;
-    }
-
-  .stack.stack-end > *:nth-child(1) {
-      grid-column: 1 / 4;
-      grid-row: 1 / 6;
-    }
-}

package/dist/stats/stat.css

@@ -1,67 +0,0 @@
-@layer components {
-  .stat-figure {
-      grid-column-start: 2;
-      grid-row: span 3 / span 3;
-      grid-row-start: 1;
-      place-self: center;
-      justify-self: flex-end;
-    }
-
-  .stat-value {
-      grid-column-start: 1;
-      white-space: nowrap;
-      font-size: 2rem;
-      font-weight: 800;
-    }
-
-  .stat-desc {
-      grid-column-start: 1;
-      white-space: nowrap;
-      color: var(--color-base-content);
-      font-size: 0.75rem;
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .stat-desc {
-      color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
-    }
-    }
-
-  .stat-title {
-      grid-column-start: 1;
-      white-space: nowrap;
-      color: var(--color-base-content);
-      font-size: 0.75rem;
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .stat-title {
-      color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
-    }
-    }
-
-  .stat-actions {
-      grid-column-start: 1;
-      white-space: nowrap;
-    }
-
-  .stat {
-      display: inline-grid;
-      width: 100%;
-      column-gap: calc(0.25rem * 4);
-      padding-inline: calc(0.25rem * 6);
-      padding-block: calc(0.25rem * 4);
-      grid-template-columns: repeat(1, 1fr);
-    }
-
-  .stat:not(:last-child) {
-      border-inline-end: var(--border) dashed currentColor;
-      border-block-end: none;
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .stat:not(:last-child) {
-      border-inline-end: var(--border) dashed color-mix(in oklab, currentColor 10%, #0000);
-    }
-    }
-}

package/dist/steps/step.css

@@ -1,179 +0,0 @@
-@layer components {
-  .steps {
-      display: inline-grid;
-      grid-auto-flow: column;
-      overflow: hidden;
-      overflow-x: auto;
-      counter-reset: step;
-      grid-auto-columns: 1fr;
-    }
-
-  .steps .step {
-      display: grid;
-      grid-template-columns: repeat(1, minmax(0, 1fr));
-      grid-template-columns: auto;
-      grid-template-rows: repeat(2, minmax(0, 1fr));
-      grid-template-rows: 40px 1fr;
-      place-items: center;
-      text-align: center;
-      min-width: 4rem;
-      --step-bg: var(--color-base-300);
-      --step-fg: var(--color-base-content);
-    }
-
-  .steps .step:before {
-      top: calc(0.25rem * 0);
-      grid-column-start: 1;
-      grid-row-start: 1;
-      height: calc(0.25rem * 2);
-      width: 100%;
-      border: 1px solid;
-      color: var(--step-bg);
-      background-color: var(--step-bg);
-      content: "";
-      margin-inline-start: -100%;
-    }
-
-  .steps .step > .step-icon,
-    .steps .step:not(:has(.step-icon)):after {
-      --tw-content: counter(step);
-      content: var(--tw-content);
-      counter-increment: step;
-      z-index: 1;
-      color: var(--step-fg);
-      background-color: var(--step-bg);
-      border: 1px solid var(--step-bg);
-      position: relative;
-      grid-column-start: 1;
-      grid-row-start: 1;
-      display: grid;
-      height: calc(0.25rem * 8);
-      width: calc(0.25rem * 8);
-      place-items: center;
-      place-self: center;
-      border-radius: calc(infinity * 1px);
-    }
-
-  .steps .step:first-child:before {
-      --tw-content: none;
-      content: var(--tw-content);
-    }
-
-  .steps .step[data-content]:after {
-      --tw-content: attr(data-content);
-      content: var(--tw-content);
-    }
-
-  .steps .step-neutral + .step-neutral:before,
-    .steps .step-neutral:after,
-    .steps .step-neutral > .step-icon {
-      --step-bg: var(--color-neutral);
-      --step-fg: var(--color-neutral-content);
-    }
-
-  .steps .step-primary + .step-primary:before,
-    .steps .step-primary:after,
-    .steps .step-primary > .step-icon {
-      --step-bg: var(--color-primary);
-      --step-fg: var(--color-primary-content);
-    }
-
-  .steps .step-secondary + .step-secondary:before,
-    .steps .step-secondary:after,
-    .steps .step-secondary > .step-icon {
-      --step-bg: var(--color-secondary);
-      --step-fg: var(--color-secondary-content);
-    }
-
-  .steps .step-accent + .step-accent:before,
-    .steps .step-accent:after,
-    .steps .step-accent > .step-icon {
-      --step-bg: var(--color-accent);
-      --step-fg: var(--color-accent-content);
-    }
-
-  .steps .step-info + .step-info:before,
-    .steps .step-info:after,
-    .steps .step-info > .step-icon {
-      --step-bg: var(--color-info);
-      --step-fg: var(--color-info-content);
-    }
-
-  .steps .step-success + .step-success:before,
-    .steps .step-success:after,
-    .steps .step-success > .step-icon {
-      --step-bg: var(--color-success);
-      --step-fg: var(--color-success-content);
-    }
-
-  .steps .step-warning + .step-warning:before,
-    .steps .step-warning:after,
-    .steps .step-warning > .step-icon {
-      --step-bg: var(--color-warning);
-      --step-fg: var(--color-warning-content);
-    }
-
-  .steps .step-error + .step-error:before,
-    .steps .step-error:after,
-    .steps .step-error > .step-icon {
-      --step-bg: var(--color-error);
-      --step-fg: var(--color-error-content);
-    }
-
-  .steps-vertical {
-      grid-auto-rows: 1fr;
-      grid-auto-flow: row;
-    }
-
-  .steps-vertical .step {
-      display: grid;
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-      grid-template-columns: 40px 1fr;
-      grid-template-rows: repeat(1, minmax(0, 1fr));
-      grid-template-rows: auto;
-      gap: 0.5rem;
-      min-height: 4rem;
-      justify-items: start;
-    }
-
-  .steps-vertical .step:before {
-      height: 100%;
-      width: calc(0.25rem * 2);
-      translate: -50% -50%;
-      margin-inline-start: 50%;
-    }
-
-  [dir="rtl"] .steps-vertical .step:before {
-      translate: 50% -50%;
-    }
-
-  .steps-horizontal {
-      grid-auto-columns: 1fr;
-      display: inline-grid;
-      grid-auto-flow: column;
-      overflow: hidden;
-      overflow-x: auto;
-    }
-
-  .steps-horizontal .step {
-      display: grid;
-      grid-template-columns: repeat(1, minmax(0, 1fr));
-      grid-template-columns: auto;
-      grid-template-rows: repeat(2, minmax(0, 1fr));
-      grid-template-rows: 40px 1fr;
-      place-items: center;
-      text-align: center;
-      min-width: 4rem;
-    }
-
-  .steps-horizontal .step:before {
-      height: calc(0.25rem * 2);
-      width: 100%;
-      translate: 0;
-      margin-inline-start: -100%;
-    }
-
-  [dir="rtl"] .steps-horizontal .step:before {
-      translate: 0;
-    }
-}

package/dist/stores/index.js

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