shadcn_phlexcomponents 0.1.5 → 0.1.11

data/app/assets/tailwind/choices.css

@@ -1,324 +0,0 @@
-.choices {
-  position: relative;
-  overflow: hidden;
-
-  @apply rounded-md  focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-1;
-}
-.choices:focus {
-  outline: 0;
-}
-.choices:last-child {
-  margin-bottom: 0;
-}
-.choices.is-open {
-  overflow: visible;
-}
-.choices.is-disabled {
-  @apply opacity-50;
-}
-.choices.is-disabled .choices__inner,
-.choices.is-disabled .choices__input {
-  @apply cursor-not-allowed select-none hover:bg-background;
-}
-.choices.is-disabled .choices__item {
-  cursor: not-allowed;
-}
-.choices [hidden] {
-  @apply hidden;
-}
-.choices[data-type*='select-one'] {
-  @apply cursor-pointer;
-}
-.choices[data-type*='select-one'] .choices__button {
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
-  padding: 0;
-  background-size: 8px;
-  position: absolute;
-  top: 50%;
-  right: 0;
-  margin-top: -10px;
-  margin-right: 25px;
-  height: 20px;
-  width: 20px;
-  border-radius: 10em;
-  opacity: 0.25;
-}
-.choices[data-type*='select-one'] .choices__button:focus,
-.choices[data-type*='select-one'] .choices__button:hover {
-  opacity: 1;
-}
-.choices[data-type*='select-one'] .choices__button:focus {
-  box-shadow: 0 0 0 2px #005f75;
-}
-.choices[data-type*='select-one']
-  .choices__item[data-placeholder]
-  .choices__button {
-  display: none;
-}
-
-.choices[data-type*='select-one']::after {
-  @apply bg-accent-foreground h-4 w-4 opacity-50 top-1/2 -translate-y-1/2 right-4;
-  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevrons-up-down-icon lucide-chevrons-up-down"><path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/></svg>');
-  mask-repeat: no-repeat;
-  position: absolute;
-  content: '';
-  mask-size: auto 16px;
-  mask-position: center;
-}
-
-.choices[data-type*='select-one'][dir='rtl']::after {
-  left: 11.5px;
-  right: auto;
-}
-.choices[data-type*='select-one'][dir='rtl'] .choices__button {
-  right: auto;
-  left: 0;
-  margin-left: 25px;
-  margin-right: 0;
-}
-.choices[data-type*='select-multiple'] .choices__inner,
-.choices[data-type*='text'] .choices__inner {
-  cursor: text;
-}
-.choices[data-type*='select-multiple'] .choices__button,
-.choices[data-type*='text'] .choices__button {
-  position: relative;
-  display: inline-block;
-  margin: 0-4px 0 8px;
-  padding-left: 16px;
-  border-left: 1px solid #003642;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
-  background-size: 8px;
-  width: 8px;
-  line-height: 1;
-  opacity: 0.75;
-  border-radius: 0;
-}
-.choices[data-type*='select-multiple'] .choices__button:focus,
-.choices[data-type*='select-multiple'] .choices__button:hover,
-.choices[data-type*='text'] .choices__button:focus,
-.choices[data-type*='text'] .choices__button:hover {
-  opacity: 1;
-}
-.choices__inner {
-  @apply inline-flex items-center gap-2 whitespace-nowrap rounded-md text-sm w-full;
-  @apply font-medium transition-colors disabled:pointer-events-none disabled:opacity-50;
-  @apply [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-input;
-  @apply bg-background shadow-sm hover:bg-accent hover:text-accent-foreground h-9 px-4 py-2;
-}
-
-.is-focused .choices__inner,
-.is-open .choices__inner {
-  @apply ring-ring outline-none ring-1;
-}
-.is-open .choices__inner {
-  /* border-radius: 2.5px 2.5px 0 0; */
-}
-.is-flipped.is-open .choices__inner {
-  /* border-radius: 0 0 2.5px 2.5px; */
-}
-.choices__list {
-  /* margin: 0;
-  padding-left: 0;
-  list-style: none; */
-}
-.choices__list--single {
-  /* display: inline-block;
-  padding: 4px 16px 4px 4px;
-  width: 100%; */
-}
-[dir='rtl'] .choices__list--single {
-  /* padding-right: 4px;
-  padding-left: 16px; */
-}
-.choices__list--single .choices__item {
-  width: 100%;
-}
-.choices__list--multiple {
-  display: inline;
-}
-.choices__list--multiple .choices__item {
-  display: inline-block;
-  vertical-align: middle;
-  border-radius: 20px;
-  padding: 4px 10px;
-  font-size: 12px;
-  font-weight: 500;
-  margin-right: 3.75px;
-  margin-bottom: 3.75px;
-  background-color: #005f75;
-  border: 1px solid #004a5c;
-  color: #fff;
-  word-break: break-all;
-  box-sizing: border-box;
-}
-.choices__list--multiple .choices__item[data-deletable] {
-  padding-right: 5px;
-}
-[dir='rtl'] .choices__list--multiple .choices__item {
-  margin-right: 0;
-  margin-left: 3.75px;
-}
-.choices__list--multiple .choices__item.is-highlighted {
-  background-color: #004a5c;
-  border: 1px solid #003642;
-}
-.is-disabled .choices__list--multiple .choices__item {
-  background-color: #aaa;
-  border: 1px solid #919191;
-}
-.choices__list--dropdown,
-.choices__list[aria-expanded] {
-  z-index: 1;
-  position: absolute;
-  @apply hidden top-full w-full z-50 rounded-md border bg-popover text-popover-foreground shadow-md;
-  @apply mt-2 outline-none animate-in fade-in-0 
-  zoom-in-95 slide-in-from-top-2;
-}
-.is-active.choices__list--dropdown,
-.is-active.choices__list[aria-expanded] {
-  display: block;
-}
-
-.is-flipped .choices__list--dropdown,
-.is-flipped .choices__list[aria-expanded] {
-  top: auto;
-  bottom: 100%;
-  margin-top: 0;
-  margin-bottom: -1px;
-  border-radius: 0.25rem 0.25rem 0 0;
-}
-
-.choices__list--dropdown .choices__list,
-.choices__list[aria-expanded] .choices__list {
-  @apply relative max-h-80 overflow-auto p-1 text-foreground;
-  -webkit-overflow-scrolling: touch;
-  will-change: scroll-position;
-}
-.choices__list--dropdown .choices__item,
-.choices__list[aria-expanded] .choices__item {
-  @apply relative flex cursor-default gap-2 select-none items-center rounded-sm min-h-8;
-  @apply px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none;
-  @apply data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground;
-  @apply data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0;
-}
-
-.choices__list--dropdown .choices__item.is-selected::after {
-  @apply bg-accent-foreground h-4 w-4 top-1/2 -translate-y-1/2 right-2;
-  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check-icon lucide-check"><path d="M20 6 9 17l-5-5"/></svg>');
-  mask-repeat: no-repeat;
-  position: absolute;
-  content: '';
-  mask-size: auto 16px;
-  mask-position: center;
-}
-
-[dir='rtl'] .choices__list--dropdown .choices__item,
-[dir='rtl'] .choices__list[aria-expanded] .choices__item {
-  text-align: right;
-}
-@media (min-width: 640px) {
-  .choices__list--dropdown .choices__item--selectable[data-select-text],
-  .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
-    padding-right: 100px;
-  }
-  .choices__list--dropdown .choices__item--selectable[data-select-text]::after,
-  .choices__list[aria-expanded]
-    .choices__item--selectable[data-select-text]::after {
-    content: attr(data-select-text);
-    font-size: 12px;
-    opacity: 0;
-    position: absolute;
-    right: 10px;
-    top: 50%;
-    transform: translateY(-50%);
-  }
-  [dir='rtl']
-    .choices__list--dropdown
-    .choices__item--selectable[data-select-text],
-  [dir='rtl']
-    .choices__list[aria-expanded]
-    .choices__item--selectable[data-select-text] {
-    text-align: right;
-    padding-left: 100px;
-    padding-right: 10px;
-  }
-  [dir='rtl']
-    .choices__list--dropdown
-    .choices__item--selectable[data-select-text]::after,
-  [dir='rtl']
-    .choices__list[aria-expanded]
-    .choices__item--selectable[data-select-text]::after {
-    right: auto;
-    left: 10px;
-  }
-}
-.choices__list--dropdown .choices__item--selectable.is-highlighted,
-.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
-  @apply bg-accent data-[selected=true]:text-accent-foreground;
-}
-.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
-/* .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
-  opacity: 0.5;
-} */
-.choices__item {
-  cursor: default;
-}
-.choices__item--selectable {
-  cursor: pointer;
-}
-.choices__item--disabled {
-  cursor: not-allowed;
-  -webkit-user-select: none;
-  user-select: none;
-  opacity: 0.5;
-}
-.choices__heading {
-  @apply px-2 py-1.5 text-sm font-bold;
-}
-
-.choices__button {
-  text-indent: -9999px;
-  appearance: none;
-  border: 0;
-  background-color: transparent;
-  background-repeat: no-repeat;
-  background-position: center;
-  cursor: pointer;
-}
-.choices__button:focus,
-.choices__input:focus {
-  outline: 0;
-}
-.choices__input {
-  @apply flex w-full rounded-md bg-transparent p-3 text-sm outline-none;
-  @apply placeholder:text-muted-foreground h-9 border-b;
-}
-.choices__input::-webkit-search-cancel-button,
-.choices__input::-webkit-search-decoration,
-.choices__input::-webkit-search-results-button,
-.choices__input::-webkit-search-results-decoration {
-  display: none;
-}
-.choices__input::-ms-clear,
-.choices__input::-ms-reveal {
-  display: none;
-  width: 0;
-  height: 0;
-}
-[dir='rtl'] .choices__input {
-  padding-right: 2px;
-  padding-left: 0;
-}
-
-.choices__item[data-value='']::after {
-  @apply hidden;
-}
-
-.choices__placeholder {
-  @apply text-muted-foreground;
-}
-
-.choices__item.has-no-results {
-  @apply text-muted-foreground;
-}

data/app/assets/tailwind/tailwindcss-animate.css

@@ -1,318 +0,0 @@
-/* https://github.com/Wombosvideo/tailwindcss-animate-v4/blob/main/tailwindcss-animate.css */
-
-/**
- * TailwindCSS v4.0 compatible replacement for `tailwindcss-animate`.
- *
- * WARNING: The asterisks are not supported by some formatters and linters. You
- * might want to exclude this file from formatters and linters for now.
- *
- * @author Luca Bosin <https://github.com/Wombosvideo>
- * @license MIT
- */
-
-@theme inline {
-  --animation-delay-0: 0s;
-  --animation-delay-75: 75ms;
-  --animation-delay-100: 0.1s;
-  --animation-delay-150: 0.15s;
-  --animation-delay-200: 0.2s;
-  --animation-delay-300: 0.3s;
-  --animation-delay-500: 0.5s;
-  --animation-delay-700: 0.7s;
-  --animation-delay-1000: 1s;
-
-  --animation-repeat-0: 0;
-  --animation-repeat-1: 1;
-  --animation-repeat-infinite: infinite;
-
-  --animation-direction-normal: normal;
-  --animation-direction-reverse: reverse;
-  --animation-direction-alternate: alternate;
-  --animation-direction-alternate-reverse: alternate-reverse;
-
-  --animation-fill-mode-none: none;
-  --animation-fill-mode-forwards: forwards;
-  --animation-fill-mode-backwards: backwards;
-  --animation-fill-mode-both: both;
-
-  --animate-in: var(--tw-duration, 150ms) var(--tw-ease, ease) enter;
-  --animate-out: var(--tw-duration, 150ms) var(--tw-ease, ease) exit;
-
-  --animate-accordion-down: accordion-down 0.2s ease-out;
-  --animate-accordion-up: accordion-up 0.2s ease-out;
-
-  --percentage-0: 0;
-  --percentage-5: 0.05;
-  --percentage-10: 0.1;
-  --percentage-15: 0.15;
-  --percentage-20: 0.2;
-  --percentage-25: 0.25;
-  --percentage-30: 0.3;
-  --percentage-35: 0.35;
-  --percentage-40: 0.4;
-  --percentage-45: 0.45;
-  --percentage-50: 0.5;
-  --percentage-55: 0.55;
-  --percentage-60: 0.6;
-  --percentage-65: 0.65;
-  --percentage-70: 0.7;
-  --percentage-75: 0.75;
-  --percentage-80: 0.8;
-  --percentage-85: 0.85;
-  --percentage-90: 0.9;
-  --percentage-95: 0.95;
-  --percentage-100: 1;
-
-  --translate-1/2: 50%;
-  --translate-1/3: 33.333333%;
-  --translate-2/3: 66.666667%;
-  --translate-1/4: 25%;
-  --translate-2/4: 50%;
-  --translate-3/4: 75%;
-  --translate-full: 100%;
-  --translate-px: 1px;
-  --translate-0: 0px;
-  --translate-0.5: 0.125rem;
-  --translate-1: 0.25rem;
-  --translate-1.5: 0.375rem;
-  --translate-2: 0.5rem;
-  --translate-2.5: 0.625rem;
-  --translate-3: 0.75rem;
-  --translate-3.5: 0.875rem;
-  --translate-4: 1rem;
-  --translate-5: 1.25rem;
-  --translate-6: 1.5rem;
-  --translate-7: 1.75rem;
-  --translate-8: 2rem;
-  --translate-9: 2.25rem;
-  --translate-10: 2.5rem;
-  --translate-11: 2.75rem;
-  --translate-12: 3rem;
-  --translate-14: 3.5rem;
-  --translate-16: 4rem;
-  --translate-20: 5rem;
-  --translate-24: 6rem;
-  --translate-28: 7rem;
-  --translate-32: 8rem;
-  --translate-36: 9rem;
-  --translate-40: 10rem;
-  --translate-44: 11rem;
-  --translate-48: 12rem;
-  --translate-52: 13rem;
-  --translate-56: 14rem;
-  --translate-60: 15rem;
-  --translate-64: 16rem;
-  --translate-72: 18rem;
-  --translate-80: 20rem;
-  --translate-96: 24rem;
-
-  @keyframes enter {
-    from {
-      opacity: var(--tw-enter-opacity, 1);
-      transform: translate3d(
-          var(--tw-enter-translate-x, 0),
-          var(--tw-enter-translate-y, 0),
-          0
-        )
-        scale3d(
-          var(--tw-enter-scale, 1),
-          var(--tw-enter-scale, 1),
-          var(--tw-enter-scale, 1)
-        )
-        rotate(var(--tw-enter-rotate, 0));
-    }
-  }
-
-  @keyframes exit {
-    to {
-      opacity: var(--tw-exit-opacity, 1);
-      transform: translate3d(
-          var(--tw-exit-translate-x, 0),
-          var(--tw-exit-translate-y, 0),
-          0
-        )
-        scale3d(
-          var(--tw-exit-scale, 1),
-          var(--tw-exit-scale, 1),
-          var(--tw-exit-scale, 1)
-        )
-        rotate(var(--tw-exit-rotate, 0));
-    }
-  }
-
-  @keyframes accordion-down {
-    from {
-      height: 0;
-    }
-
-    to {
-      height: var(--accordion-content-height);
-    }
-  }
-
-  @keyframes accordion-up {
-    from {
-      height: var(--accordion-content-height);
-    }
-
-    to {
-      height: 0;
-    }
-  }
-}
-
-/*
- * Tailwind's default `duration` utility sets the `--tw-duration` variable, so
- * can set `animation-duration` directly in the animation definition in the
- * `@theme` section above. Same goes for the `animation-timing-function`, set
- * with `--tw-ease`.
- */
-
-@utility delay-* {
-  animation-delay: calc(--value(number) * 1ms);
-  animation-delay: --value(--animation-delay- *, [duration], [ *]);
-}
-
-@utility repeat-* {
-  animation-iteration-count: --value(--animation-repeat- *, integer);
-}
-
-@utility direction-* {
-  animation-direction: --value(--animation-direction- *);
-}
-
-@utility fill-mode-* {
-  animation-fill-mode: --value(--animation-fill-mode- *);
-}
-
-@utility running {
-  animation-play-state: running;
-}
-@utility paused {
-  animation-play-state: paused;
-}
-
-@utility fade-in {
-  --tw-enter-opacity: 0;
-}
-@utility fade-in-* {
-  --tw-enter-opacity: --value(--percentage- *, [ *]);
-}
-
-@utility fade-out {
-  --tw-exit-opacity: 0;
-}
-@utility fade-out-* {
-  --tw-exit-opacity: --value(--percentage- *, [ *]);
-}
-
-@utility zoom-in {
-  --tw-enter-scale: 0;
-}
-@utility zoom-in-* {
-  --tw-enter-scale: calc(--value([percentage]) / 100%);
-  --tw-enter-scale: calc(--value([ratio], [number]));
-  --tw-enter-scale: --value(--percentage- *);
-}
-
-@utility zoom-out {
-  --tw-exit-scale: 0;
-}
-@utility zoom-out-* {
-  --tw-exit-scale: calc(--value([percentage]) / 100%);
-  --tw-exit-scale: calc(--value([ratio], [number]));
-  --tw-exit-scale: --value(--percentage- *);
-}
-
-@utility spin-in {
-  --tw-enter-rotate: 30deg;
-}
-@utility spin-in-* {
-  --tw-enter-rotate: calc(--value(number) * 1deg);
-  --tw-enter-rotate: --value(--rotate- *, [angle]);
-}
-
-@utility spin-out {
-  --tw-exit-rotate: 30deg;
-}
-@utility spin-out-* {
-  --tw-exit-rotate: calc(--value(number) * 1deg);
-  --tw-exit-rotate: --value(--rotate- *, [angle]);
-}
-
-@utility slide-in-from-top {
-  --tw-enter-translate-y: -100%;
-}
-@utility slide-in-from-top-* {
-  --tw-enter-translate-y: calc(--value(integer) * var(--spacing) * -1);
-  --tw-enter-translate-y: calc(
-    --value(--translate- *, [percentage], ratio, [length]) * -1
-  );
-}
-
-@utility slide-in-from-bottom {
-  --tw-enter-translate-y: 100%;
-}
-@utility slide-in-from-bottom-* {
-  --tw-enter-translate-y: calc(--value(integer) * var(--spacing));
-  --tw-enter-translate-y: --value(
-    --translate- *,
-    [percentage],
-    ratio,
-    [length]
-  );
-}
-@utility slide-in-from-left {
-  --tw-enter-translate-x: -100%;
-}
-@utility slide-in-from-left-* {
-  --tw-enter-translate-x: calc(--value(integer) * var(--spacing) * -1);
-  --tw-enter-translate-x: calc(
-    --value(--translate- *, [percentage], ratio, [length]) * -1
-  );
-}
-@utility slide-in-from-right {
-  --tw-enter-translate-x: 100%;
-}
-@utility slide-in-from-right-* {
-  --tw-enter-translate-x: calc(--value(integer) * var(--spacing));
-  --tw-enter-translate-x: --value(
-    --translate- *,
-    [percentage],
-    ratio,
-    [length]
-  );
-}
-
-@utility slide-out-to-top {
-  --tw-exit-translate-y: -100%;
-}
-@utility slide-out-to-top-* {
-  --tw-exit-translate-y: calc(--value(integer) * var(--spacing) * -1);
-  --tw-exit-translate-y: calc(
-    --value(--translate- *, [percentage], ratio, [length]) * -1
-  );
-}
-@utility slide-out-to-bottom {
-  --tw-exit-translate-y: 100%;
-}
-@utility slide-out-to-bottom-* {
-  --tw-exit-translate-y: calc(--value(integer) * var(--spacing));
-  --tw-exit-translate-y: --value(--translate- *, [percentage], ratio, [length]);
-}
-@utility slide-out-to-left {
-  --tw-exit-translate-x: -100%;
-}
-@utility slide-out-to-left-* {
-  --tw-exit-translate-x: calc(--value(integer) * var(--spacing) * -1);
-  --tw-exit-translate-x: calc(
-    --value(--translate- *, [percentage], ratio, [length]) * -1
-  );
-}
-@utility slide-out-to-right {
-  --tw-exit-translate-x: 100%;
-}
-@utility slide-out-to-right-* {
-  --tw-exit-translate-x: calc(--value(integer) * var(--spacing));
-  --tw-exit-translate-x: --value(--translate- *, [percentage], ratio, [length]);
-}