@davidsouther/jiffies 2026.4.0 → 2026.24.0

package/src/pico/themes/default/_styles.scss

@@ -1,272 +0,0 @@
-// Commons Styles
-:root {
-  // Typography
-  --font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
-    "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
-    "Segoe UI Symbol", "Noto Color Emoji";
-  --font-family-monospace: "Menlo", "Consolas", "Roboto Mono",
-    "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace,
-    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  --line-height: 1.5;
-  --font-weight: 400;
-  --font-size: 16px;
-
-  // Responsive typography
-  @if $enable-responsive-typography {
-    @if map-get($breakpoints, "sm") {
-      @media (min-width: map-get($breakpoints, "sm")) {
-        --font-size: 17px;
-      }
-    }
-
-    @if map-get($breakpoints, "md") {
-      @media (min-width: map-get($breakpoints, "md")) {
-        --font-size: 18px;
-      }
-    }
-
-    @if map-get($breakpoints, "lg") {
-      @media (min-width: map-get($breakpoints, "lg")) {
-        --font-size: 19px;
-      }
-    }
-
-    @if map-get($breakpoints, "xl") {
-      @media (min-width: map-get($breakpoints, "xl")) {
-        --font-size: 20px;
-      }
-    }
-  }
-
-  // Borders
-  --border-radius: 0.25rem;
-  --border-width: 1px;
-  --outline-width: 3px;
-
-  // Spacings
-  --spacing: 1rem;
-
-  // Spacings for typography elements
-  --typography-spacing-vertical: 1.5rem;
-
-  // Spacings for body > header, body > main, body > footer, section, article
-  --block-spacing-vertical: calc(var(--spacing) * 2);
-  --block-spacing-horizontal: var(--spacing);
-
-  @if ($enable-classes and $enable-grid) {
-    --grid-spacing-vertical: 0;
-    --grid-spacing-horizontal: var(--spacing);
-  }
-
-  // Spacings for form elements and button
-  --form-element-spacing-vertical: 0.75rem;
-  --form-element-spacing-horizontal: 1rem;
-
-  // Spacings for nav component
-  --nav-element-spacing-vertical: 1rem;
-  --nav-element-spacing-horizontal: 0.5rem;
-  --nav-link-spacing-vertical: 0.5rem;
-  --nav-link-spacing-horizontal: 0.5rem;
-
-  // Font weight for form labels & fieldsets legend
-  --form-label-font-weight: var(--font-weight);
-
-  // Transitions
-  --transition: 0.2s ease-in-out;
-}
-
-@mixin centered-viewport {
-  @if map-get($breakpoints, "sm") {
-    @media (min-width: map-get($breakpoints, "sm")) {
-      max-width: map-get($viewports, "sm");
-      margin: 0 auto;
-      padding: 0;
-    }
-  }
-
-  @if map-get($breakpoints, "md") {
-    @media (min-width: map-get($breakpoints, "md")) {
-      max-width: map-get($viewports, "md");
-    }
-  }
-
-  @if map-get($breakpoints, "lg") {
-    @media (min-width: map-get($breakpoints, "lg")) {
-      max-width: map-get($viewports, "lg");
-    }
-  }
-
-  @if map-get($breakpoints, "xl") {
-    @media (min-width: map-get($breakpoints, "xl")) {
-      max-width: map-get($viewports, "xl");
-    }
-  }
-}
-
-// Responsives spacings
-@if $enable-responsive-spacings {
-  // Sectionning
-  body > header,
-  body > main,
-  body > footer,
-  section {
-    @if map-get($breakpoints, "sm") {
-      @media (min-width: map-get($breakpoints, "sm")) {
-        --block-spacing-vertical: calc(var(--spacing) * 1.25);
-      }
-    }
-
-    @if map-get($breakpoints, "md") {
-      @media (min-width: map-get($breakpoints, "md")) {
-        --block-spacing-vertical: calc(var(--spacing) * 1.5);
-      }
-    }
-
-    @if map-get($breakpoints, "lg") {
-      @media (min-width: map-get($breakpoints, "lg")) {
-        --block-spacing-vertical: calc(var(--spacing) * 1.75);
-      }
-    }
-
-    @if map-get($breakpoints, "xl") {
-      @media (min-width: map-get($breakpoints, "xl")) {
-        --block-spacing-vertical: calc(var(--spacing) * 2);
-      }
-    }
-  }
-
-  // Card (<article>)
-  article {
-    @if map-get($breakpoints, "sm") {
-      @media (min-width: map-get($breakpoints, "sm")) {
-        --block-spacing-horizontal: calc(var(--spacing) * 1.25);
-      }
-    }
-
-    @if map-get($breakpoints, "md") {
-      @media (min-width: map-get($breakpoints, "md")) {
-        --block-spacing-horizontal: calc(var(--spacing) * 1.5);
-      }
-    }
-
-    @if map-get($breakpoints, "lg") {
-      @media (min-width: map-get($breakpoints, "lg")) {
-        --block-spacing-horizontal: calc(var(--spacing) * 1.75);
-      }
-    }
-
-    @if map-get($breakpoints, "xl") {
-      @media (min-width: map-get($breakpoints, "xl")) {
-        --block-spacing-horizontal: calc(var(--spacing) * 2);
-      }
-    }
-  }
-
-  // Modal
-  dialog > article {
-    --block-spacing-vertical: calc(var(--spacing) * 2);
-    --block-spacing-horizontal: var(--spacing);
-
-    @if map-get($breakpoints, "sm") {
-      @media (min-width: map-get($breakpoints, "sm")) {
-        --block-spacing-vertical: calc(var(--spacing) * 2.5);
-        --block-spacing-horizontal: calc(var(--spacing) * 1.25);
-      }
-    }
-
-    @if map-get($breakpoints, "md") {
-      @media (min-width: map-get($breakpoints, "md")) {
-        --block-spacing-vertical: calc(var(--spacing) * 3);
-        --block-spacing-horizontal: calc(var(--spacing) * 1.5);
-      }
-    }
-  }
-}
-
-// Link
-a {
-  --text-decoration: none;
-
-  // Secondary & Contrast
-  @if $enable-classes {
-    &.secondary,
-    &.contrast {
-      --text-decoration: underline;
-    }
-  }
-}
-
-// Small
-small {
-  --font-size: 0.875em;
-}
-
-// Headings
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  --font-weight: 700;
-}
-
-h1 {
-  --font-size: 2rem;
-  --typography-spacing-vertical: 3rem;
-}
-
-h2 {
-  --font-size: 1.75rem;
-  --typography-spacing-vertical: 2.625rem;
-}
-
-h3 {
-  --font-size: 1.5rem;
-  --typography-spacing-vertical: 2.25rem;
-}
-
-h4 {
-  --font-size: 1.25rem;
-  --typography-spacing-vertical: 1.874rem;
-}
-
-h5 {
-  --font-size: 1.125rem;
-  --typography-spacing-vertical: 1.6875rem;
-}
-
-// Forms elements
-[type="checkbox"],
-[type="radio"] {
-  --border-width: 2px;
-}
-
-[type="checkbox"][role="switch"] {
-  --border-width: 3px;
-}
-
-// Table
-thead,
-tfoot {
-  th,
-  td {
-    --border-width: 3px;
-  }
-}
-
-:not(thead):not(tfoot) > * > td {
-  --font-size: 0.875em;
-}
-
-// Code
-pre,
-code,
-kbd,
-samp {
-  --font-family: var(--font-family-monospace);
-}
-
-kbd {
-  --font-weight: bolder;
-}

package/src/pico/themes/default.scss

@@ -1,34 +0,0 @@
-/**
- * Theme: default
- */
-
-// Variables
-@import "../variables";
-@import "default/colors";
-
-// Common styles
-@import "default/styles";
-
-@import "default/light";
-@import "default/dark";
-
-// Light theme (Default)
-// Can be forced with data-theme="light"
-[data-theme="light"],
-:root:not([data-theme="dark"]) {
-  @include light;
-}
-
-// Dark theme (Auto)
-// Automatically enabled if user has Dark mode enabled
-@media only screen and (prefers-color-scheme: dark) {
-  :root:not([data-theme="light"]) {
-    @include dark;
-  }
-}
-
-// Dark theme (Forced)
-// Enabled if forced with data-theme="dark"
-[data-theme="dark"] {
-  @include dark;
-}

package/src/pico/utilities/_accessibility.scss

@@ -1,3 +0,0 @@
-[dir="rtl"] {
-  direction: rtl;
-}

package/src/pico/utilities/_loading.scss

@@ -1,52 +0,0 @@
-// Cursor
-[aria-busy="true"] {
-  cursor: progress;
-}
-
-// Everyting except form elements
-[aria-busy="true"]:not(input):not(select):not(textarea) {
-  &::before {
-    display: inline-block;
-    width: 1em;
-    height: 1em;
-    border: 0.1875em solid currentColor;
-    border-radius: 1em;
-    border-right-color: transparent;
-    content: "";
-    vertical-align: text-bottom;
-    vertical-align: -0.125em; // Visual alignment
-    animation: spinner 0.75s linear infinite;
-    opacity: var(--loading-spinner-opacity);
-  }
-
-  &:not(:empty) {
-    &::before {
-      margin-right: calc(var(--spacing) * 0.5);
-      margin-left: 0;
-      margin-inline-start: 0;
-      margin-inline-end: calc(var(--spacing) * 0.5);
-    }
-  }
-
-  &:empty {
-    text-align: center;
-  }
-}
-
-// Buttons and links
-button,
-input[type="submit"],
-input[type="button"],
-input[type="reset"],
-a {
-  &[aria-busy="true"] {
-    pointer-events: none;
-  }
-}
-
-// Animation: rotate
-@keyframes spinner {
-  to {
-    transform: rotate(360deg);
-  }
-}

package/src/pico/utilities/_reduce-motion.scss

@@ -1,27 +0,0 @@
-@if $enable-transitions and $enable-important {
-  /**
- * Reduce Motion Features
- */
-
-  // Based on :
-  // - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css
-  // ––––––––––––––––––––
-
-  // 1. Remove animations when motion is reduced (opinionated)
-  // 2. Remove fixed background attachments when motion is reduced (opinionated)
-  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)
-  // 4. Remove transitions when motion is reduced (opinionated)
-  @media (prefers-reduced-motion: reduce) {
-    *:not([aria-busy="true"]),
-    :not([aria-busy="true"])::before,
-    :not([aria-busy="true"])::after {
-      background-attachment: initial !important; // 2
-      animation-duration: 1ms !important; // 1
-      animation-delay: -1ms !important; // 1
-      animation-iteration-count: 1 !important; // 1
-      scroll-behavior: auto !important; // 3
-      transition-delay: 0s !important; // 4
-      transition-duration: 0s !important; // 4
-    }
-  }
-}

package/src/pico/utilities/_tooltip.scss

@@ -1,101 +0,0 @@
-[data-tooltip] {
-  position: relative;
-
-  &:not(a):not(button):not(input) {
-    border-bottom: 1px dotted;
-    text-decoration: none;
-    cursor: help;
-  }
-
-  &::before,
-  &::after {
-    display: block;
-    z-index: 99;
-    position: absolute;
-    bottom: 100%;
-    left: 50%;
-    padding: 0.25rem 0.5rem;
-    overflow: hidden;
-    transform: translate(-50%, -0.25rem);
-    border-radius: var(--border-radius);
-    background: var(--tooltip-background-color);
-    content: attr(data-tooltip);
-    color: var(--tooltip-color);
-    font-style: normal;
-    font-weight: var(--font-weight);
-    font-size: 0.875rem;
-    text-decoration: none;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    opacity: 0;
-    pointer-events: none;
-  }
-
-  // Caret
-  &::after {
-    padding: 0;
-    transform: translate(-50%, 0rem);
-    border-top: 0.3rem solid;
-    border-right: 0.3rem solid transparent;
-    border-left: 0.3rem solid transparent;
-    border-radius: 0;
-    background-color: transparent;
-    content: "";
-    color: var(--tooltip-background-color);
-  }
-
-  // Display
-  &:focus,
-  &:hover {
-    &::before,
-    &::after {
-      opacity: 1;
-    }
-  }
-
-  // Animations, excluding touch devices
-  @if $enable-transitions {
-    @media (hover: hover) and (pointer: fine) {
-      &:focus,
-      &:hover {
-        &::before,
-        &::after {
-          animation-duration: 0.2s;
-          animation-name: slide;
-        }
-
-        &::after {
-          animation-name: slideCaret;
-        }
-      }
-    }
-  }
-}
-
-// Animations
-@if $enable-transitions {
-  @keyframes slide {
-    from {
-      transform: translate(-50%, 0.75rem);
-      opacity: 0;
-    }
-    to {
-      transform: translate(-50%, -0.25rem);
-      opacity: 1;
-    }
-  }
-
-  @keyframes slideCaret {
-    from {
-      opacity: 0;
-    }
-    50% {
-      transform: translate(-50%, -0.25rem);
-      opacity: 0;
-    }
-    to {
-      transform: translate(-50%, 0rem);
-      opacity: 1;
-    }
-  }
-}

package/src/result.test.ts

@@ -1,101 +0,0 @@
-import {
-  Err,
-  None,
-  Ok,
-  type Result,
-  Some,
-  unwrap,
-  unwrapOr,
-  unwrapOrElse,
-} from "./result.ts";
-import { describe, it } from "./scope/describe.ts";
-import { expect } from "./scope/expect.ts";
-
-describe("Result", () => {
-  it("converts Nones", () => {
-    const a = None<string>();
-    expect(a).toBeNull();
-
-    const b = None<string>();
-    expect(b).toBeNull();
-
-    const c = Some(a);
-    expect(c).toBeNull();
-
-    const d = Some(b);
-    expect(d).toBeNull();
-  });
-
-  it("converts Somes", () => {
-    const a = Some("a");
-    expect(a).toBe("a");
-
-    const b = Some(a);
-    expect(b).toBe("a");
-  });
-
-  it("converts Errs", () => {
-    const a = Err(new Error("a error"));
-    const b = Err(a);
-    expect(b).toMatchObject({ message: "a error" });
-
-    // Assign Err to Result
-    const _c: Result<string> = a;
-  });
-
-  it("converts Oks", () => {
-    const a = Ok("a ok");
-    const b = Ok(a);
-    expect(b).toBe("a ok");
-
-    // Assign ok to Result
-    const _c: Result<string> = a;
-  });
-
-  it("unwraps", () => {
-    const a = Some("some");
-    const b = None<string>();
-    const c = Ok("ok");
-    const d = Err(new Error("err"));
-    const e: string = "else";
-
-    expect(unwrap(a)).toBe("some");
-    expect(unwrap<string, Error>(c)).toBe("ok");
-    expect(() => unwrap(b)).toThrow("Attempted to unwrap None");
-    expect(() => unwrap(d)).toThrow("err");
-    expect(unwrap(e)).toBe("else");
-  });
-
-  it("unwrapsOrs", () => {
-    const a = Some<string>("some");
-    const b = None<string>();
-    const c = Ok<string>("ok");
-    const d = Err(new Error("err"));
-    const e: string = "else";
-
-    expect(unwrapOr(a, "z")).toBe("some");
-    expect(unwrapOr(c, "z")).toBe("ok");
-    expect(unwrapOr(b, "z")).toBe("z");
-    expect(unwrapOr(d, "z")).toBe("z");
-    expect(unwrapOr(e, "z")).toBe("else");
-  });
-
-  it("unwrapsOrElse", () => {
-    const a = Some<string>("some");
-    const b = None();
-    const c = Ok("ok");
-    const d = Err(new Error("err"));
-    const e = "else";
-
-    expect(unwrapOrElse(a, () => "z")).toBe("some");
-    expect(unwrapOrElse(c, () => "z")).toBe("ok");
-    expect(unwrapOrElse(b, () => "z")).toBe("z");
-    expect(unwrapOrElse(d, () => "z")).toBe("z");
-    expect(unwrapOrElse(e, () => "z")).toBe("else");
-  });
-
-  it("allows Result<void> with Ok()", () => {
-    const a: Result<void> = Ok();
-    expect(unwrap(a)).toBe(undefined);
-  });
-});

package/src/scope/describe.ts

@@ -1,81 +0,0 @@
-import { assert } from "../assert.ts";
-import { getLogger } from "../log.ts";
-import type { TestCase } from "./scope.ts";
-import * as state from "./state.ts";
-
-export const beforeall = Symbol("beforeAll");
-export const beforeeach = Symbol("beforeEach");
-export const afterall = Symbol("afterAll");
-export const aftereach = Symbol("afterEach");
-
-const logger = getLogger("scope");
-
-const CASES: TestCase = {};
-const cases = [CASES];
-let totalCases = 0;
-let skippedCases = 0;
-
-function push(title: string) {
-  cases[0][title] = cases[0][title] ?? {};
-  const next = cases[0][title] as TestCase;
-  cases.unshift(next);
-}
-
-function pop() {
-  cases.shift();
-}
-
-export function rootCases(): TestCase {
-  return CASES;
-}
-
-export function getTotalCases() {
-  return totalCases;
-}
-
-export function getSkippedCases() {
-  return skippedCases;
-}
-
-export function describe(title: string, block: CallableFunction) {
-  logger.debug(`describe(${title})`);
-  push(title);
-  block();
-  pop();
-}
-
-export function it(title: string, block: CallableFunction) {
-  logger.debug(`it(${title})`);
-  assert(cases[0][title] === undefined, `Block already has test ${title}`);
-  totalCases += 1;
-  cases[0][title] = block;
-}
-
-it.skip = (title: string, _block: CallableFunction) => {
-  logger.debug(`it.skip(${title})`);
-  totalCases += 1;
-  skippedCases += 1;
-};
-
-export function beforeEach(fn: () => void) {
-  cases[0][beforeeach] = fn;
-}
-
-export function beforeAll(fn: () => void) {
-  cases[0][beforeall] = fn;
-}
-
-export function afterEach(fn: () => void) {
-  cases[0][aftereach] = fn;
-}
-
-export function afterAll(fn: () => void) {
-  cases[0][afterall] = fn;
-}
-
-export function cleanState<State extends {}>(
-  init: () => State,
-  runner: (action: () => void) => void = beforeEach,
-): State {
-  return state.cleanState(init, runner);
-}

package/src/scope/display/console.ts

@@ -1,26 +0,0 @@
-import { getLogger } from "../../log.ts";
-import { getTotalCases } from "../describe.ts";
-import { flattenResults } from "../execute.ts";
-import type { TestResult } from "../scope.ts";
-
-const logger = getLogger("Scope Test Runner");
-
-export function onConsole(results: TestResult) {
-  const { executed, failed } = results;
-  logger.info("Executed test suite.", {
-    executed,
-    total: getTotalCases(),
-    failed,
-  });
-  const flat = flattenResults(results);
-
-  for (const { test } of flat) {
-    logger.debug(test);
-  }
-
-  for (const { test, stack } of flat) {
-    if (stack) {
-      logger.error(test, { stack });
-    }
-  }
-}