jk-ui-cli 0.0.3 → 0.0.5

package/stubs/css/flexiwind/grid-bg.stub

@@ -1,128 +0,0 @@
-
-
-@utility ui-grid-dotted {
-  background-image: radial-gradient(currentColor var(--dotsize), var(--bg-grid-dotted) var(--dotsize));
-  background-size: var(--unify-ui-grid-width) var(--unify-ui-grid-height);
-}
-
-@utility ui-radial-gradient {
-  background: radial-gradient(125% 125% at 50% 10%, var(--unify-radial-bg) 40%, currentColor 100%);
-}
-
-@utility ui-grid {
-  --unify-grid-color: currentColor;
-  background-image: linear-gradient(to right, var(--unify-grid-color) 1px, transparent 1px), linear-gradient(to bottom, var(--unify-grid-color) 1px, transparent 1px);
-  background-size: var(--unify-ui-grid-width) var(--unify-ui-grid-height);
-}
-
-@utility ui-striper-overlay-mask {
-  mask-image: radial-gradient(ellipse 60% 50% at 50% 0%, #000 70%, transparent 110%);
-}
-
-@utility ui-grid-w-xs {
-  --unify-ui-grid-width: var(--unify-ui-grid-width-xs);
-}
-
-@utility ui-grid-w-sm {
-  --unify-ui-grid-width: var(--unify-ui-grid-width-sm);
-}
-
-@utility ui-grid-w-md {
-  --unify-ui-grid-width: var(--unify-ui-grid-width-md);
-}
-
-@utility ui-grid-w-lg {
-  --unify-ui-grid-width: var(--unify-ui-grid-width-lg);
-}
-
-@utility ui-grid-w-xl {
-  --unify-ui-grid-width: var(--unify-ui-grid-width-xl);
-}
-
-@utility ui-grid-w-2xl {
-  --unify-ui-grid-width: var(--unify-ui-grid-width-2xl);
-}
-
-@utility ui-grid-h-xs {
-  --unify-ui-grid-height: var(--unify-ui-grid-height-xs);
-}
-
-@utility ui-grid-h-sm {
-  --unify-ui-grid-height: var(--unify-ui-grid-height-sm);
-}
-
-@utility ui-grid-h-md {
-  --unify-ui-grid-height: var(--unify-ui-grid-height-md);
-}
-
-@utility ui-grid-h-lg {
-  --unify-ui-grid-height: var(--unify-ui-grid-height-lg);
-}
-
-@utility ui-grid-h-xl {
-  --unify-ui-grid-height: var(--unify-ui-grid-height-xl);
-}
-
-@utility ui-grid-h-2xl {
-  --unify-ui-grid-height: var(--unify-ui-grid-height-2xl);
-}
-
-@utility ui-grid-square-xs {
-  --unify-ui-grid-width: var(--unify-ui-grid-width-xs);
-  --unify-ui-grid-height: var(--unify-ui-grid-width-xs);
-}
-
-@utility ui-grid-square-sm {
-  --unify-ui-grid-width: var(--unify-ui-grid-width-sm);
-  --unify-ui-grid-height: var(--unify-ui-grid-width-sm);
-}
-
-@utility ui-grid-square-md {
-  --unify-ui-grid-width: var(--unify-ui-grid-width-md);
-  --unify-ui-grid-height: var(--unify-ui-grid-width-md);
-}
-
-@utility ui-grid-square-lg {
-  --unify-ui-grid-width: var(--unify-ui-grid-width-lg);
-  --unify-ui-grid-height: var(--unify-ui-grid-width-lg);
-}
-
-@utility ui-grid-square-xl {
-  --unify-ui-grid-width: var(--unify-ui-grid-width-xl);
-  --unify-ui-grid-height: var(--unify-ui-grid-width-xl);
-}
-
-@utility ui-grid-square-2xl {
-  --unify-ui-grid-width: var(--unify-ui-grid-width-2xl);
-  --unify-ui-grid-height: var(--unify-ui-grid-width-2xl);
-}
-
-@utility ui-grid-rec-xs {
-  --unify-ui-grid-width: var(--unify-ui-grid-width-xs);
-  --unify-ui-grid-height: var(--unify-ui-grid-height-xs);
-}
-
-@utility ui-grid-rec-sm {
-  --unify-ui-grid-width: var(--unify-ui-grid-width-sm);
-  --unify-ui-grid-height: var(--unify-ui-grid-height-sm);
-}
-
-@utility ui-grid-rec-md {
-  --unify-ui-grid-width: var(--unify-ui-grid-width-md);
-  --unify-ui-grid-height: var(--unify-ui-grid-height-md);
-}
-
-@utility ui-grid-rec-lg {
-  --unify-ui-grid-width: var(--unify-ui-grid-width-lg);
-  --unify-ui-grid-height: var(--unify-ui-grid-height-lg);
-}
-
-@utility ui-grid-rec-xl {
-  --unify-ui-grid-width: var(--unify-ui-grid-width-xl);
-  --unify-ui-grid-height: var(--unify-ui-grid-height-xl);
-}
-
-@utility ui-grid-rec-2xl {
-  --unify-ui-grid-width: var(--unify-ui-grid-width-2xl);
-  --unify-ui-grid-height: var(--unify-ui-grid-height-2xl);
-}

package/stubs/css/flexiwind/ui.stub

@@ -1,171 +0,0 @@
-@utility ui-radius {
-  @apply rounded-(--ui-radius);
-}
-
-@utility ui-soft {
-  @apply bg-(--ui-soft-bg) text-(--ui-soft-text);
-}
-
-@utility ui-solid {
-  @apply bg-(--ui-solid-bg) text-(--ui-solid-text);
-}
-
-@utility ui-outline {
-  @apply text-(--ui-outline-text) border border-(--ui-outline-border);
-}
-
-@utility ui-subtle {
-  @apply bg-(--ui-subtle-bg) border text-(--ui-subtle-text) border-(--ui-subtle-border);
-}
-
-
-@utility aspect-utrawide {
-  @apply aspect-[21/9];
-}
-
-@utility aspect-standard-tv {
-  @apply aspect-[4/3];
-}
-
-@utility aspect-35mm-film {
-  @apply aspect-[3/2];
-}
-
-@utility avatar-xs {
-  width: calc(var(--spacing, 0.25rem) * 6.5);
-  height: calc(var(--spacing, 0.25rem) * 6.5);
-}
-
-@utility avatar-sm {
-  width: calc(var(--spacing, 0.25rem) * 8);
-  height: calc(var(--spacing, 0.25rem) * 8);
-}
-
-@utility avatar-md {
-  width: calc(var(--spacing, 0.25rem) * 9.5);
-  height: calc(var(--spacing, 0.25rem) * 9.5);
-}
-
-@utility avatar-lg {
-  width: calc(var(--spacing, 0.25rem) * 10.5);
-  height: calc(var(--spacing, 0.25rem) * 10.5);
-}
-
-@utility avatar-xl {
-  width: calc(var(--spacing, 0.25rem) * 12);
-  height: calc(var(--spacing, 0.25rem) * 12);
-}
-
-@utility avatar-placeholder {
-  @apply flex items-center justify-center truncate;
-}
-
-@utility avatar-placeholder-xs {
-  width: calc(var(--spacing, 0.25rem) * 6.5);
-  height: calc(var(--spacing, 0.25rem) * 6.5);
-  @apply text-xs;
-}
-
-@utility avatar-placeholder-sm {
-  width: calc(var(--spacing, 0.25rem) * 8);
-  height: calc(var(--spacing, 0.25rem) * 8);
-  @apply text-sm;
-}
-
-@utility avatar-placeholder-md {
-  width: calc(var(--spacing, 0.25rem) * 8);
-  height: calc(var(--spacing, 0.25rem) * 8);
-  @apply text-sm;
-}
-
-@utility avatar-placeholder-lg {
-  width: calc(var(--spacing, 0.25rem) * 10.5);
-  height: calc(var(--spacing, 0.25rem) * 10.5);
-  @apply text-base;
-}
-
-@utility avatar-placeholder-xl {
-  width: calc(var(--spacing, 0.25rem) * 12);
-  height: calc(var(--spacing, 0.25rem) * 12);
-  @apply text-base;
-}
-
-
-@utility badge-xs {
-  padding: calc(var(--spacing, 0.25rem) * 0.5) calc(var(--spacing, 0.25rem) * 1);
-  @apply text-xs;
-}
-
-@utility badge-sm {
-  padding: calc(var(--spacing, 0.25rem) * 0.65) calc(var(--spacing, 0.25rem) * 1.5);
-  @apply text-xs;
-}
-
-@utility badge-md {
-  @apply text-sm;
-  padding: calc(var(--spacing, 0.25rem) * 1) calc(var(--spacing, 0.25rem) * 2);
-
-}
-
-@utility badge-lg {
-  padding: calc(var(--spacing, 0.25rem) * 1.115) calc(var(--spacing, 0.25rem) * 2.5);
-}
-
-@utility badge-xl {
-  padding: calc(var(--spacing, 0.25rem) * 1.3) calc(var(--spacing, 0.25rem) * 3);
-}
-
-@utility kbd-xs {
-  padding: calc(var(--spacing, 0.25rem) * 0.5) calc(var(--spacing, 0.25rem) * 1);
-  @apply text-xs;
-}
-
-@utility kbd-sm {
-  padding: calc(var(--spacing, 0.25rem) * 0.65) calc(var(--spacing, 0.25rem) * 1.5);
-  @apply text-xs;
-}
-
-@utility kbd-md {
-  @apply text-sm;
-  padding: calc(var(--spacing, 0.25rem) * 1) calc(var(--spacing, 0.25rem) * 2);
-
-}
-
-@utility kbd-lg {
-  padding: calc(var(--spacing, 0.25rem) * 1.115) calc(var(--spacing, 0.25rem) * 2.5);
-}
-
-@utility kbd-xl {
-  padding: calc(var(--spacing, 0.25rem) * 1.3) calc(var(--spacing, 0.25rem) * 3);
-}
-
-
-
-
-@utility divider-custom {
-  @apply relative before:absolute before:inset-x-0 flex items-center;
-}
-
-@utility divider-custom-1 {
-  @apply before:h-px;
-}
-
-@utility divider-custom-2 {
-  @apply before:h-[2px];
-}
-
-@utility divider-custom-3 {
-  @apply before:h-[3px];
-}
-
-@utility divider-custom-4 {
-  @apply before:h-[4px];
-}
-
-@utility divider-custom-6 {
-  @apply before:h-[6px];
-}
-
-@utility divider-custom-8 {
-  @apply before:h-[8px];
-}

package/stubs/css/flexiwind/utils.stub

@@ -1,189 +0,0 @@
-@utility dropdown-content {
-  @apply grid max-h-[inherit] grid-cols-[auto_1fr] overflow-y-auto overscroll-contain outline-hidden *:[[role='group']+[role=group]]:mt-4 *:[[role='group']+[role=separator]]:mt-1
-}
-
-@utility dropdown-item-base {
-  border-radius: calc(var(--dropdown-radius) - var(--dropdown-padding));
-  @apply outline-none focus:outline rounded-md px-3.5 py-1.5 ease-linear duration-200 transition-colors;
-}
-
-
-@utility dropdown-item-grid {
-  @apply col-span-full grid grid-cols-[auto_1fr_1.5rem_0.5rem_auto] supports-[grid-template-columns:subgrid]:grid-cols-subgrid;
-}
-
-@utility dropdown-item-bg {
-  @apply text-fg focus:outline-primary hover:text-fg-title focus:bg-bg-muted hover:bg-bg-muted fx-focus-active:bg-bg-muted;
-}
-
-@utility dropdown-item-bg-danger {
-  @apply focus:outline-danger focus:bg-danger-50 hover:bg-danger-100 text-danger dark:hover:bg-danger-500/10 dark:focus:bg-danger-500/10 **:slot-icon:text-danger/60 fx-focus-active:bg-danger-100 dark:fx-focus-active:bg-danger-500/10;
-}
-
-
-@utility dropdown-item-icon {
-  @apply *:data-[slot=icon]:col-start-1 *:data-[slot=icon]:row-start-1 *:data-[slot=icon]:mr-(--mr-icon) *:data-[slot=icon]:-ml-0.5 *:data-[slot=icon]:shrink-0 [&_[data-slot='icon']:not([class*='text-'])]:text-fg-muted;
-}
-
-@utility dropdown-item-has-description {
-  @apply not-has-[[slot=description]]:*:data-[slot=icon]:text-sm sm:not-has-[[slot=description]]:*:data-[slot=icon]:text-xs
-}
-
-@utility dropdown-item-description {
-  @apply has-[[slot=description]]:*:data-[slot=icon]:h-lh has-[[slot=description]]:[&_[data-slot='icon']:not([class*='w-'])]:text-sm sm:has-[[slot=description]]:[&_[data-slot='icon']:not([class*='w-'])]:text-xs
-}
-
-@utility dropdown-item-label {
-  @apply [&>[slot=label]+[data-slot=icon]]:absolute [&>[slot=label]+[data-slot=icon]]:right-1;
-}
-
-@utility dropdown-item-avatar {
-  @apply *:data-[slot=avatar]:*:mr-(--mr-icon) *:data-[slot=avatar]:mr-(--mr-icon) has-[[slot=description]]:*:data-[slot=avatar]:row-span-2 *:data-[slot=avatar]:[--avatar-size:--spacing(6)] sm:*:data-[slot=avatar]:[--avatar-size:--spacing(5)];
-}
-
-@utility dropdown-item-force-color {
-  @apply forced-color-adjust-none forced-colors:text-[CanvasText] forced-colors:**:slot-icon:text-[CanvasText] forced-colors:group-focus:**:slot-icon:text-[CanvasText];
-}
-
-/* ================================== */
-/* popover
- */
-
-@utility dropdown-item-radius {
-  --popover-inner-radius: calc(var(--popover-radius) - var(--popover-padding));
-}
-
-/* animation */
-@utility popover-animation {
-  @apply placement-left:exiting:slide-out-to-right-1 placement-right:exiting:slide-out-to-left-1 placement-top:exiting:slide-out-to-bottom-1 placement-bottom:exiting:slide-out-to-top-1 placement-left:entering:slide-in-from-right-1 placement-right:entering:slide-in-from-left-1 placement-top:entering:slide-in-from-bottom-1 placement-bottom:entering:slide-in-from-top-1;
-
-}
-
-
-/* dropdown hover and states  */
-@utility dropdown-item-hover {
-  @apply forced-colors:bg-[Highlight] forced-colors:text-[HighlightText];
-
-  &[data-hovered="true"],
-  &[data-focused="true"] {
-    @apply bg-(--dropdown-item-hover-and-select) text-(--dropdown-item-hover-and-select-fg);
-  }
-}
-
-@utility dropdown-item-danger {
-  @apply [--dropdown-item-hover-and-select:var(--dropdown-item-danger-hover-and-select)] [--dropdown-item-hover-and-select-fg:var(--dropdown-item-danger-hover-and-select-fg)] [--dropdown-item-selected-fg:var(--dropdown-item-danger-fg)];
-}
-
-@utility dropdown-item-warning {
-  @apply [--dropdown-item-hover-and-select:var(--dropdown-item-warning-hover-and-select)] [--dropdown-item-hover-and-select-fg:var(--dropdown-item-warning-hover-and-select-fg)] [--dropdown-item-selected-fg:var(--dropdown-item-warning-fg)];
-}
-
-@utility dropdown-item-selected {
-  &[data-selected="true"] {
-    @apply text-(--dropdown-item-selected-fg);
-  }
-}
-
-@utility dropdown-item-disabled {
-  &[data-disabled="true"] {
-    @apply opacity-50 forced-colors:text-[GrayText];
-  }
-}
-
-
-@utility modal-overlay {
-  height: var(--visual-viewport-height,100vh);
-  @apply fixed inset-0 z-50 bg-gray-800/60
-}
-
-@utility sheet-overlay {
-  @apply fixed inset-0 z-50 h-(--page-height) w-screen overflow-hidden bg-gray-800/60;
-}
-
-@utility modal-overlay-entering {
-  @apply entering:fade-in entering:animate-in entering:duration-300 entering:ease-out;
-}
-
-@utility modal-overlay-exiting {
-  @apply exiting:fade-out exiting:animate-out exiting:ease-in;
-}
-
-@utility modal-overlay-grid {
-  @apply grid grid-rows-[1fr_auto] justify-items-center sm:grid-rows-[1fr_auto_3fr]
-}
-
-
-@utility modal-transition-entering {
-  @apply entering:slide-in-from-bottom sm:entering:zoom-in-95 sm:entering:slide-in-from-bottom-0 entering:animate-in entering:duration-300 entering:ease-out;
-}
-
-@utility modal-transition-exiting {
-  @apply exiting:slide-out-to-bottom sm:exiting:zoom-out-95 sm:exiting:slide-out-to-bottom-0 exiting:animate-out exiting:ease-in;
-}
-
-@utility modal-size-fullscreen {
-  :is(& *) {
-    &[data-slot="dialog-body"] {
-      min-height: calc(var(--visual-viewport-height) - var(--visual-viewport-vertical-padding) - var(--dialog-header-height, 0px) - var(--dialog-footer-height, 0px));
-    }
-  }
-
-  @apply sm:rounded-ui sm:[--visual-viewport-vertical-padding:16px]
-}
-
-@utility overlay-on-enterring {
-  @apply entering:fade-in entering:animate-in entering:duration-500
-}
-
-@utility overlay-on-exiting {
-  @apply exiting:fade-out exiting:animate-out exiting:duration-300
-}
-
-@utility dialog-footer {
-  gap: var(--gap, calc(var(--spacing) * 3));
-  padding-top: calc(var(--gutter) - calc(var(--spacing) * 3));
-  @apply p-(--gutter) flex items-center;
-}
-
-
-/* range calendar  */
-@utility cell-selection-selected {
-  @apply fx-selected:bg-(--range-selected-bg)
-}
-
-@utility cell-radius {
-  @apply [td:first-child_&]:rounded-s-ui data-selection-start:rounded-s-ui [td:last-child_&]:rounded-e-ui data-selection-end:rounded-e-ui
-}
-
-
-@utility cell-span-selection-none {
-  @apply group-hover:bg-bg-muted/60 group-data-pressed:bg-bg-muted/80
-}
-
-@utility cell-span-selection-middle-base {
-  @apply text-(--range-selected-fg)! group-hover:bg-(--range-selected-bg-hover) group-data-pressed:bg-(--range-selected-bg-pressed) forced-colors:group-hover:bg-[Highlight]
-}
-
-@utility cell-span-selection-middle-invalid {
-  @apply text-(--range-selected-invalid-fg) group-invalid:group-hover:bg-(--range-selected-invalid-bg-hover) group-invalid:group-data-pressed:bg-(--range-selected-invalid-bg-pressed) forced-colors:group-invalid:group-hover:bg-[Mark]
-}
-
-
-
-
-
-@utility ui-card {
-  @apply p-(--card-padding) rounded-(--card-radius)
-}
-
-@utility inner-radius {
-  border-radius: calc(var(--card-radius) - var(--card-padding));
-}
-
-@utility d-flex-items-center {
-  @apply flex items-center;
-}
-
-@utility d-flex-place-center {
-  @apply flex justify-center items-center;
-}