@ossy/design-system 3.18.0 → 3.20.0

package/src/fields/TimeField.jsx

@@ -0,0 +1,187 @@
+import React, { useCallback, useLayoutEffect, useRef, useState } from 'react'
+import { Dropdown } from '../dropdown/Dropdown.jsx'
+import { ContextMenu } from '../context-menu/ContextMenu.jsx'
+import { Icon } from '../icons/Icon.jsx'
+import { View } from '../view'
+import { useLocale } from '../locale/index.js'
+import { inputStyles, inputVariantStyles } from '../inputs/inputStyles.js'
+import { CRON_HOUR_OPTIONS, CRON_TIME_MINUTE_OPTIONS } from './cron.js'
+import { fromTimeInputValue, toTimeInputValue } from './cron.js'
+
+/**
+ * Styled time-of-day picker that stores an `"HH:MM"` string.
+ *
+ * Renders exactly like a {@link Select}: one trigger button showing the current
+ * time, one Dropdown portal with two scrollable columns (hours | minutes).
+ * Click a value in either column to set it; click outside to close.
+ *
+ * @param {{
+ *   name: string,
+ *   label?: string,
+ *   value?: string,
+ *   onChange: (event: { target: { id: string, name: string, value: string } }) => void,
+ *   style?: object,
+ *   required?: boolean,
+ *   disabled?: boolean,
+ * }} props
+ */
+export function TimeField ({
+  name,
+  label,
+  value,
+  onChange,
+  style,
+  required,
+  disabled,
+  ...rest
+}) {
+  const { t } = useLocale()
+  const { hour, minute } = fromTimeInputValue(value ?? '')
+  const triggerWrapRef = useRef(null)
+  const [menuMinWidth, setMenuMinWidth] = useState(undefined)
+
+  const display = toTimeInputValue(hour, minute)
+
+  const minuteOptions = [...new Set([...CRON_TIME_MINUTE_OPTIONS, minute])].sort((a, b) => a - b)
+
+  const commit = useCallback((h, m) => {
+    onChange({ target: { id: name, name, value: toTimeInputValue(h, m) } })
+  }, [onChange, name])
+
+  const syncMenuWidth = useCallback(() => {
+    const el = triggerWrapRef.current
+    if (!el) return
+    setMenuMinWidth(el.getBoundingClientRect().width)
+  }, [])
+
+  useLayoutEffect(() => { syncMenuWidth() }, [syncMenuWidth, display])
+
+  return (
+    <>
+      <style href="@ossy/design-system/input" precedence="high">{inputStyles}</style>
+      <style href="@ossy/design-system/input/default" precedence="medium">
+        {inputVariantStyles('default')}
+      </style>
+      <style href="@ossy/design-system/select" precedence="high">
+        {`
+          [data-select] {
+            display: inline-block;
+            max-width: 100%;
+            min-width: 0;
+            vertical-align: top;
+          }
+          [data-select-trigger] {
+            display: inline-flex;
+            align-items: center;
+            justify-content: space-between;
+            gap: var(--space-s, 8px);
+            width: 100%;
+            text-align: left;
+            cursor: pointer;
+            appearance: none;
+            -webkit-appearance: none;
+          }
+          [data-select-trigger]:disabled { cursor: not-allowed; }
+          [data-select-label] {
+            flex: 1;
+            min-width: 0;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
+          [data-select-chevron] {
+            flex-shrink: 0;
+            display: inline-flex;
+            opacity: 0.72;
+          }
+          [data-select-menu] {
+            max-height: min(320px, 70vh);
+            overflow: auto;
+          }
+        `}
+      </style>
+      <style href="@ossy/design-system/time-field" precedence="high">
+        {`
+          [data-time-col] {
+            display: flex;
+            flex-direction: column;
+            max-height: 220px;
+            overflow-y: auto;
+            gap: var(--space-2xs, 2px);
+            min-width: 3.5rem;
+            scroll-behavior: smooth;
+          }
+        `}
+      </style>
+
+      <span data-select data-input-variant="default" ref={triggerWrapRef} style={style}>
+        {name != null ? <input type="hidden" name={name} value={display} /> : null}
+        <Dropdown
+          trigger={
+            <button
+              type="button"
+              id={name}
+              data-component="input"
+              data-input-variant="default"
+              data-select-trigger
+              disabled={disabled}
+              aria-label={label ?? t('design-system.fields.cronTime')}
+              aria-haspopup="listbox"
+              {...rest}
+            >
+              <span data-select-label>{display}</span>
+              <span data-select-chevron aria-hidden="true">
+                <Icon name="chevron-down" size="s" />
+              </span>
+            </button>
+          }
+          onOpenChange={(open) => { if (open) syncMenuWidth() }}
+        >
+          <div data-select-menu style={menuMinWidth ? { minWidth: menuMinWidth } : undefined}>
+            <View inset="s" surface="primary" roundness="s">
+              <ContextMenu roundness="s" surface="primary" layout="row" gap="s">
+                {/* Hour column */}
+                <div
+                  data-time-col
+                  role="listbox"
+                  aria-label={t('design-system.fields.cronHour')}
+                >
+                  {CRON_HOUR_OPTIONS.map((h) => (
+                    <ContextMenu.Item
+                      key={h}
+                      type="button"
+                      role="option"
+                      aria-selected={h === hour}
+                      onClick={(e) => { e.stopPropagation(); commit(h, minute) }}
+                    >
+                      {String(h).padStart(2, '0')}
+                    </ContextMenu.Item>
+                  ))}
+                </div>
+
+                {/* Minute column */}
+                <div
+                  data-time-col
+                  role="listbox"
+                  aria-label={t('design-system.fields.cronMinute')}
+                >
+                  {minuteOptions.map((m) => (
+                    <ContextMenu.Item
+                      key={m}
+                      type="button"
+                      role="option"
+                      aria-selected={m === minute}
+                      onClick={(e) => { e.stopPropagation(); commit(hour, m) }}
+                    >
+                      {String(m).padStart(2, '0')}
+                    </ContextMenu.Item>
+                  ))}
+                </div>
+              </ContextMenu>
+            </View>
+          </div>
+        </Dropdown>
+      </span>
+    </>
+  )
+}

package/src/fields/cron.js

@@ -0,0 +1,230 @@
+/**
+ * Friendly cron schedule helpers for the `cron` field type.
+ * Stored value remains a 5-field cron expression (minute hour dom month dow).
+ * The dom field additionally accepts `L` to mean "last day of the month".
+ */
+
+/** @typedef {'hourly' | 'daily' | 'weekdays' | 'weekly' | 'start-of-month' | 'end-of-month' | 'monthly' | 'custom'} CronFrequency */
+
+/**
+ * @typedef {object} CronParts
+ * @property {CronFrequency | ''} frequency
+ * @property {number} minute
+ * @property {number} hour
+ * @property {number} dayOfWeek  0–6 (Sunday–Saturday)
+ * @property {number} dayOfMonth 1–28
+ * @property {string} [expression] raw cron when frequency is custom
+ */
+
+const DEFAULT_PARTS = Object.freeze({
+  frequency: /** @type {''} */ (''),
+  minute: 0,
+  hour: 9,
+  dayOfWeek: 1,
+  dayOfMonth: 1,
+})
+
+/**
+ * @param {unknown} n
+ * @param {number} min
+ * @param {number} max
+ * @param {number} fallback
+ */
+function clampInt (n, min, max, fallback) {
+  const value = typeof n === 'number' ? n : Number(n)
+  if (!Number.isInteger(value) || value < min || value > max) return fallback
+  return value
+}
+
+/**
+ * @param {unknown} value
+ * @returns {boolean}
+ */
+export function isCronExpression (value) {
+  return typeof value === 'string' && /^(\S+\s+){4}\S+$/.test(value.trim())
+}
+
+/**
+ * Parse a 5-field cron into friendly parts. Unrecognized shapes become `custom`.
+ *
+ * @param {unknown} value
+ * @returns {CronParts}
+ */
+export function parseCronExpression (value) {
+  if (value == null || value === '') {
+    return { ...DEFAULT_PARTS }
+  }
+  if (typeof value !== 'string') {
+    return { ...DEFAULT_PARTS, frequency: 'custom', expression: '' }
+  }
+
+  const trimmed = value.trim()
+  if (!trimmed) return { ...DEFAULT_PARTS }
+
+  const fields = trimmed.split(/\s+/)
+  if (fields.length !== 5) {
+    return { ...DEFAULT_PARTS, frequency: 'custom', expression: trimmed }
+  }
+
+  const [minuteF, hourF, domF, monthF, dowF] = fields
+  const minute = clampInt(minuteF, 0, 59, 0)
+  const hour = clampInt(hourF, 0, 23, 9)
+  const dayOfMonth = clampInt(domF, 1, 28, 1)
+  const dayOfWeek = clampInt(dowF, 0, 6, 1)
+
+  if (
+    /^\d+$/.test(minuteF)
+    && hourF === '*'
+    && domF === '*'
+    && monthF === '*'
+    && dowF === '*'
+  ) {
+    return { frequency: 'hourly', minute, hour: 0, dayOfWeek: 1, dayOfMonth: 1 }
+  }
+
+  if (
+    /^\d+$/.test(minuteF)
+    && /^\d+$/.test(hourF)
+    && domF === '*'
+    && monthF === '*'
+    && dowF === '*'
+  ) {
+    return { frequency: 'daily', minute, hour, dayOfWeek: 1, dayOfMonth: 1 }
+  }
+
+  if (
+    /^\d+$/.test(minuteF)
+    && /^\d+$/.test(hourF)
+    && domF === '*'
+    && monthF === '*'
+    && dowF === '1-5'
+  ) {
+    return { frequency: 'weekdays', minute, hour, dayOfWeek: 1, dayOfMonth: 1 }
+  }
+
+  if (
+    /^\d+$/.test(minuteF)
+    && /^\d+$/.test(hourF)
+    && domF === '*'
+    && monthF === '*'
+    && /^\d+$/.test(dowF)
+  ) {
+    return { frequency: 'weekly', minute, hour, dayOfWeek, dayOfMonth: 1 }
+  }
+
+  if (
+    /^\d+$/.test(minuteF)
+    && /^\d+$/.test(hourF)
+    && monthF === '*'
+    && dowF === '*'
+  ) {
+    if (domF === '1') {
+      return { frequency: 'start-of-month', minute, hour, dayOfWeek: 1, dayOfMonth: 1 }
+    }
+    if (domF === 'L') {
+      return { frequency: 'end-of-month', minute, hour, dayOfWeek: 1, dayOfMonth: 1 }
+    }
+    if (/^\d+$/.test(domF)) {
+      return {
+        frequency: 'monthly',
+        minute,
+        hour,
+        dayOfWeek: 1,
+        dayOfMonth: clampInt(domF, 1, 28, 1),
+      }
+    }
+  }
+
+  return { ...DEFAULT_PARTS, frequency: 'custom', expression: trimmed }
+}
+
+/**
+ * Build a 5-field cron from friendly parts.
+ *
+ * @param {Partial<CronParts>} parts
+ * @returns {string}
+ */
+export function buildCronExpression (parts = {}) {
+  const frequency = parts.frequency || ''
+  if (!frequency) return ''
+
+  if (frequency === 'custom') {
+    return typeof parts.expression === 'string' ? parts.expression.trim() : ''
+  }
+
+  const minute = clampInt(parts.minute, 0, 59, 0)
+  const hour = clampInt(parts.hour, 0, 23, 9)
+  const dayOfWeek = clampInt(parts.dayOfWeek, 0, 6, 1)
+  const dayOfMonth = clampInt(parts.dayOfMonth, 1, 28, 1)
+
+  switch (frequency) {
+    case 'hourly':
+      return `${minute} * * * *`
+    case 'daily':
+      return `${minute} ${hour} * * *`
+    case 'weekdays':
+      return `${minute} ${hour} * * 1-5`
+    case 'weekly':
+      return `${minute} ${hour} * * ${dayOfWeek}`
+    case 'monthly':
+      return `${minute} ${hour} ${dayOfMonth} * *`
+    case 'start-of-month':
+      return `${minute} ${hour} 1 * *`
+    case 'end-of-month':
+      return `${minute} ${hour} L * *`
+    default:
+      return ''
+  }
+}
+
+/** @type {readonly CronFrequency[]} */
+export const CRON_FREQUENCIES = Object.freeze([
+  'hourly',
+  'daily',
+  'weekdays',
+  'weekly',
+  'start-of-month',
+  'end-of-month',
+  'monthly',
+  'custom',
+])
+
+/** Day-of-week indexes matching cron / `Date#getDay()` (0 = Sunday). */
+export const CRON_WEEKDAY_INDEXES = Object.freeze([0, 1, 2, 3, 4, 5, 6])
+
+/** Day-of-month options kept at 2–28 (day 1 = start-of-month, last = end-of-month). */
+export const CRON_DAY_OF_MONTH_INDEXES = Object.freeze(
+  Array.from({ length: 27 }, (_, i) => i + 2),
+)
+
+/** Hour options for the styled time picker (0–23). */
+export const CRON_HOUR_OPTIONS = Object.freeze(Array.from({ length: 24 }, (_, i) => i))
+
+/** Minute snap points for the styled time picker. */
+export const CRON_TIME_MINUTE_OPTIONS = Object.freeze([0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55])
+
+/**
+ * @param {number} hour
+ * @param {number} minute
+ * @returns {string} `HH:MM` for `<input type="time">`
+ */
+export function toTimeInputValue (hour, minute) {
+  const h = clampInt(hour, 0, 23, 9)
+  const m = clampInt(minute, 0, 59, 0)
+  return `${String(h).padStart(2, '0')}:${String(m).padStart(2, '0')}`
+}
+
+/**
+ * @param {string} timeValue `HH:MM` from `<input type="time">`
+ * @returns {{ hour: number, minute: number }}
+ */
+export function fromTimeInputValue (timeValue) {
+  if (typeof timeValue !== 'string' || !timeValue.includes(':')) {
+    return { hour: 9, minute: 0 }
+  }
+  const [h, m] = timeValue.split(':')
+  return {
+    hour: clampInt(h, 0, 23, 9),
+    minute: clampInt(m, 0, 59, 0),
+  }
+}

package/src/fields/cron.spec.js

@@ -0,0 +1,72 @@
+import { describe, expect, it } from '@jest/globals'
+import {
+  buildCronExpression,
+  fromTimeInputValue,
+  isCronExpression,
+  parseCronExpression,
+  toTimeInputValue,
+} from './cron.js'
+
+describe('isCronExpression', () => {
+  it('accepts 5-field expressions', () => {
+    expect(isCronExpression('0 9 * * *')).toBe(true)
+    expect(isCronExpression('  */15 * * * *  ')).toBe(true)
+  })
+
+  it('rejects empty or malformed values', () => {
+    expect(isCronExpression('')).toBe(false)
+    expect(isCronExpression('0 9 * *')).toBe(false)
+    expect(isCronExpression(null)).toBe(false)
+  })
+})
+
+describe('parseCronExpression / buildCronExpression', () => {
+  it('round-trips friendly frequencies', () => {
+    const cases = [
+      { expression: '0 * * * *', frequency: 'hourly', minute: 0 },
+      { expression: '15 9 * * *', frequency: 'daily', minute: 15, hour: 9 },
+      { expression: '0 8 * * 1-5', frequency: 'weekdays', minute: 0, hour: 8 },
+      { expression: '30 14 * * 3', frequency: 'weekly', minute: 30, hour: 14, dayOfWeek: 3 },
+      { expression: '0 6 15 * *', frequency: 'monthly', minute: 0, hour: 6, dayOfMonth: 15 },
+      { expression: '0 9 1 * *', frequency: 'start-of-month', minute: 0, hour: 9 },
+      { expression: '0 9 L * *', frequency: 'end-of-month', minute: 0, hour: 9 },
+    ]
+
+    for (const expected of cases) {
+      const parsed = parseCronExpression(expected.expression)
+      expect(parsed.frequency).toBe(expected.frequency)
+      expect(buildCronExpression(parsed)).toBe(expected.expression)
+    }
+  })
+
+  it('treats empty as unset', () => {
+    expect(parseCronExpression('').frequency).toBe('')
+    expect(buildCronExpression(parseCronExpression(''))).toBe('')
+  })
+
+  it('falls back to custom for complex expressions', () => {
+    const expression = '*/5 9-17 * * 1-5'
+    const parsed = parseCronExpression(expression)
+    expect(parsed.frequency).toBe('custom')
+    expect(parsed.expression).toBe(expression)
+    expect(buildCronExpression(parsed)).toBe(expression)
+  })
+
+  it('clamps dayOfMonth to 28 (consistent with buildCronExpression)', () => {
+    expect(parseCronExpression('0 9 28 * *').dayOfMonth).toBe(28)
+    // dom 29-31 are outside the 1-28 picker range; clampInt returns fallback (1)
+    const parsed = parseCronExpression('0 9 29 * *')
+    expect(parsed.frequency).toBe('monthly')
+    expect(parsed.dayOfMonth).toBe(1)
+    // building emits dom=1 which re-parses as start-of-month — that is correct behaviour
+    expect(buildCronExpression(parsed)).toBe('0 9 1 * *')
+    expect(parseCronExpression(buildCronExpression(parsed)).frequency).toBe('start-of-month')
+  })
+})
+
+describe('time input helpers', () => {
+  it('pads and parses HH:MM', () => {
+    expect(toTimeInputValue(9, 5)).toBe('09:05')
+    expect(fromTimeInputValue('14:30')).toEqual({ hour: 14, minute: 30 })
+  })
+})

package/src/fields/fieldTypes.js

@@ -24,6 +24,8 @@ export const FIELD_TYPES = Object.freeze([
   'date-range',
   'date-ranges',
   'email',
+  'cron',
+  'time',
   'id',
   'path',
 ])

package/src/fields/fieldTypes.spec.js

@@ -3,11 +3,12 @@ import { FIELD_TYPES, RESOURCE_TEMPLATE_FIELD_TYPES } from './fieldTypes.js'
 import { normalizeFieldType, resolveFieldDef } from './normalizeFieldType.js'
 
 describe('FIELD_TYPES', () => {
-  it('includes image and path (aligned with schema ALLOWED_FIELD_TYPES)', () => {
+  it('includes image, path, and cron (aligned with schema ALLOWED_FIELD_TYPES)', () => {
     expect(FIELD_TYPES).toContain('image')
     expect(FIELD_TYPES).toContain('path')
     expect(FIELD_TYPES).toContain('file')
     expect(FIELD_TYPES).toContain('month')
+    expect(FIELD_TYPES).toContain('cron')
   })
 
   it('is frozen and aliases the deprecated export', () => {

package/src/fields/index.js

@@ -10,5 +10,17 @@ export {
   DEFAULT_FORM_FIELD_SLOTS,
 } from './Fields.jsx'
 export { DatePicker } from './DatePicker.jsx'
+export { CronField } from './CronField.jsx'
+export { TimeField } from './TimeField.jsx'
 export { MONTH_INDEXES, monthLabel, toMonthIndex } from './month.js'
+export {
+  buildCronExpression,
+  CRON_DAY_OF_MONTH_INDEXES,
+  CRON_FREQUENCIES,
+  CRON_WEEKDAY_INDEXES,
+  fromTimeInputValue,
+  isCronExpression,
+  parseCronExpression,
+  toTimeInputValue,
+} from './cron.js'
 export * from './time.js'

package/src/image/Image.jsx

@@ -45,13 +45,14 @@ export const Image = ({
   }, [blurhash, width, height])
 
   const resolvedPlaceholder = blurhashSrc || placeholderSrc
+  const hasDimensions = width > 0 && height > 0
   const mergedStyle = {
-    ...(width && height ? { aspectRatio: `${width} / ${height}` } : null),
+    ...(hasDimensions ? { aspectRatio: `${width} / ${height}` } : null),
     ...style,
   }
 
   return (
-    <div style={mergedStyle} data-image data-object-fit={objectFit}>
+    <div style={mergedStyle} data-image data-object-fit={objectFit} data-has-dimensions={hasDimensions ? 'true' : 'false'}>
 
       <style href="@ossy/design-system/image" precedence="high" >
       {`
@@ -69,6 +70,17 @@ export const Image = ({
           display: block;
         }
 
+        [data-image][data-has-dimensions="true"] .placeholder,
+        [data-image][data-has-dimensions="true"] .source {
+          width: 100%;
+          height: 100%;
+        }
+
+        [data-image][data-has-dimensions="false"] .source {
+          width: 100%;
+          height: auto;
+        }
+
         [data-image][data-object-fit="cover"] {
           --image-object-fit: cover;
         }
@@ -92,8 +104,6 @@ export const Image = ({
         [data-image] .source {
           filter: blur(20);
           opacity: 0;
-          width: 100%;
-          height: 100%;
         }
 
         [data-image] [data-loaded="true"].source {

package/src/sv.translations.json

@@ -18,6 +18,33 @@
   "design-system.fields.dateRangeAdd": "Lägg till intervall",
   "design-system.fields.dateRangeRemove": "Ta bort intervall",
   "design-system.fields.dateRangeItem": "Intervall {index}",
+  "design-system.fields.cronFrequency": "Hur ofta",
+  "design-system.fields.cronFrequencyPlaceholder": "Välj hur ofta…",
+  "design-system.fields.cronFrequency.hourly": "Varje timme",
+  "design-system.fields.cronFrequency.daily": "Varje dag",
+  "design-system.fields.cronFrequency.weekdays": "Varje vardag",
+  "design-system.fields.cronFrequency.weekly": "Varje vecka",
+  "design-system.fields.cronFrequency.start-of-month": "Månadsbörjan",
+  "design-system.fields.cronFrequency.end-of-month": "Månadsslut",
+  "design-system.fields.cronFrequency.monthly": "Varje månad",
+  "design-system.fields.cronFrequency.custom": "Anpassad (cron)",
+  "design-system.fields.cronTime": "Tid",
+  "design-system.fields.cronHour": "Timme",
+  "design-system.fields.cronMinute": "Vid minut",
+  "design-system.fields.cronMinuteOption": ":{minute}",
+  "design-system.fields.cronWeekday": "Veckodag",
+  "design-system.fields.cronWeekday.0": "Söndag",
+  "design-system.fields.cronWeekday.1": "Måndag",
+  "design-system.fields.cronWeekday.2": "Tisdag",
+  "design-system.fields.cronWeekday.3": "Onsdag",
+  "design-system.fields.cronWeekday.4": "Torsdag",
+  "design-system.fields.cronWeekday.5": "Fredag",
+  "design-system.fields.cronWeekday.6": "Lördag",
+  "design-system.fields.cronDayOfMonth": "Dag i månaden",
+  "design-system.fields.cronDayOfMonthOption": "Dag {day}",
+  "design-system.fields.cronCustom": "Cron-uttryck",
+  "design-system.fields.cronCustomHelp": "Avancerat: cron med fem fält (minut timme dag månad veckodag).",
+  "design-system.fields.cronCustomPlaceholder": "0 9 * * 1",
   "design-system.upload.label": "Ladda upp",
   "design-system.overview": "Översikt",
   "design-system.add": "Lägg till",

package/build/abstract-6Z3ufCM6.js

@@ -1 +0,0 @@
-import{_ as e}from"./index-B-fKc8N_.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{d:"M5 5H19V19H16L16 8H5V5Z",fill:"currentColor"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10 19C12.7614 19 15 16.7614 15 14C15 11.2386 12.7614 9 10 9C7.23858 9 5 11.2386 5 14C5 16.7614 7.23858 19 10 19ZM10 16C11.1046 16 12 15.1046 12 14C12 12.8954 11.1046 12 10 12C8.89543 12 8 12.8954 8 14C8 15.1046 8.89543 16 10 16Z",fill:"currentColor"}));export{t as default};

package/build/add-r-BFqNgxXL.js

@@ -1 +0,0 @@
-import{_ as e}from"./index-B-fKc8N_.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{d:"M12 6C12.5523 6 13 6.44772 13 7V11H17C17.5523 11 18 11.4477 18 12C18 12.5523 17.5523 13 17 13H13V17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V13H7C6.44772 13 6 12.5523 6 12C6 11.4477 6.44772 11 7 11H11V7C11 6.44772 11.4477 6 12 6Z",fill:"currentColor"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5 22C3.34315 22 2 20.6569 2 19V5C2 3.34315 3.34315 2 5 2H19C20.6569 2 22 3.34315 22 5V19C22 20.6569 20.6569 22 19 22H5ZM4 19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4H5C4.44772 4 4 4.44772 4 5V19Z",fill:"currentColor"}));export{t as default};

package/build/adidas-Dkz1ocG3.js

@@ -1 +0,0 @@
-import{_ as t}from"./index-B-fKc8N_.js";import e from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var r=r=>e.createElement("svg",t({},r,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),e.createElement("path",{d:"M1.3294 19L0.731323 17.9641L5.06145 15.4641L7.1029 19H1.3294Z",fill:"currentColor"}),e.createElement("path",{d:"M15.1858 19H9.4123L5.7935 12.7321L10.1236 10.2321L15.1858 19Z",fill:"currentColor"}),e.createElement("path",{d:"M23.2687 19H17.4952L10.8557 7.5L15.1858 5L23.2687 19Z",fill:"currentColor"}));export{r as default};

package/build/airplane-Ciihl4uQ.js

@@ -1 +0,0 @@
-import{_ as t}from"./index-B-fKc8N_.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var e=e=>r.createElement("svg",t({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{d:"M9.00967 5.12761H11.0097C12.1142 5.12761 13.468 5.89682 14.0335 6.8457L16.5089 11H21.0097C21.562 11 22.0097 11.4477 22.0097 12C22.0097 12.5523 21.562 13 21.0097 13H16.4138L13.9383 17.1543C13.3729 18.1032 12.0191 18.8724 10.9145 18.8724H8.91454L12.4138 13H5.42485L3.99036 15.4529H1.99036L4.00967 12L4.00967 11.967L2.00967 8.54712H4.00967L5.44417 11H12.5089L9.00967 5.12761Z",fill:"currentColor"}));export{e as default};

package/build/alarm-DSP6c0CV.js

@@ -1 +0,0 @@
-import{_ as e}from"./index-B-fKc8N_.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{d:"M5.45887 2L1 6.01478L2.33826 7.50107L6.79713 3.48629L5.45887 2Z",fill:"currentColor"}),r.createElement("path",{d:"M11 8H13V12H16V14H11V8Z",fill:"currentColor"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM5 12C5 8.13401 8.13401 5 12 5C15.866 5 19 8.13401 19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12Z",fill:"currentColor"}),r.createElement("path",{d:"M18.5411 2L23 6.01478L21.6617 7.50107L17.2029 3.48629L18.5411 2Z",fill:"currentColor"}));export{t as default};

package/build/album-Z1Nt0yIX.js

@@ -1 +0,0 @@
-import{_ as e}from"./index-B-fKc8N_.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2 19C2 20.6569 3.34315 22 5 22H19C20.6569 22 22 20.6569 22 19V5C22 3.34315 20.6569 2 19 2H5C3.34315 2 2 3.34315 2 5V19ZM20 19C20 19.5523 19.5523 20 19 20H5C4.44772 20 4 19.5523 4 19V5C4 4.44772 4.44772 4 5 4H10V12.0111L12.395 12.0112L14.0001 9.86419L15.6051 12.0112H18.0001L18 4H19C19.5523 4 20 4.44772 20 5V19ZM16 4H12V9.33585L14.0001 6.66046L16 9.33571V4Z",fill:"currentColor"}));export{t as default};

package/build/align-bottom-CbUadSns.js

@@ -1 +0,0 @@
-import{_ as t}from"./index-B-fKc8N_.js";import e from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var r=r=>e.createElement("svg",t({},r,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),e.createElement("path",{d:"M13 10H17V16H13V10Z",fill:"currentColor","fill-opacity":"0.5"}),e.createElement("path",{d:"M11 4H7V16H11V4Z",fill:"currentColor"}),e.createElement("path",{d:"M18 18H6V20H18V18Z",fill:"currentColor"}));export{r as default};

package/build/align-center-D50fUrkz.js

@@ -1 +0,0 @@
-import{_ as t}from"./index-B-fKc8N_.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var e=e=>r.createElement("svg",t({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{d:"M9 13H15V17H9V13Z",fill:"currentColor","fill-opacity":"0.5"}),r.createElement("path",{d:"M6 7H18V11H6V7Z",fill:"currentColor"}));export{e as default};

package/build/align-left-LB1DMlza.js

@@ -1 +0,0 @@
-import{_ as t}from"./index-B-fKc8N_.js";import e from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var r=r=>e.createElement("svg",t({},r,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),e.createElement("path",{d:"M8 13H14V17H8V13Z",fill:"currentColor","fill-opacity":"0.5"}),e.createElement("path",{d:"M6 6H4V18H6V6Z",fill:"currentColor"}),e.createElement("path",{d:"M20 7H8V11H20V7Z",fill:"currentColor"}));export{r as default};

package/build/align-middle-Sqo3nL20.js

@@ -1 +0,0 @@
-import{_ as t}from"./index-B-fKc8N_.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var e=e=>r.createElement("svg",t({},e,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{d:"M13 9H17V15H13V9Z",fill:"currentColor","fill-opacity":"0.5"}),r.createElement("path",{d:"M7 6H11V18H7V6Z",fill:"currentColor"}));export{e as default};

package/build/align-right--7wvfEgx.js

@@ -1 +0,0 @@
-import{_ as e}from"./index-B-fKc8N_.js";import l from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var r=r=>l.createElement("svg",e({},r,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),l.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M15.9991 13.0039L9.99907 12.9911L9.99054 16.9911L15.9905 17.0039L15.9991 13.0039Z",fill:"currentColor","fill-opacity":"0.5"}),l.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M19.978 18.0021L20.0036 6.00214L18.0036 5.99788L17.978 17.9979L19.978 18.0021Z",fill:"currentColor"}),l.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3.9964 10.9851L15.9964 11.0107L16.0049 7.0107L4.00493 6.98512L3.9964 10.9851Z",fill:"currentColor"}));export{r as default};

package/build/align-top-DmcNa501.js

@@ -1 +0,0 @@
-import{_ as e}from"./index-B-fKc8N_.js";import l from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var r=r=>l.createElement("svg",e({},r,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),l.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.0352 7.98797L13.0374 13.988L17.0374 13.9865L17.0352 7.98653L13.0352 7.98797Z",fill:"currentColor","fill-opacity":"0.5"}),l.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M17.9996 4.01189L5.99963 4.01837L6.00038 6.01837L18.0004 6.01189L17.9996 4.01189Z",fill:"currentColor"}),l.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.0374 19.9864L11.0321 7.98637L7.03207 7.98813L7.03736 19.9881L11.0374 19.9864Z",fill:"currentColor"}));export{r as default};

package/build/anchor-w28IJDqq.js

@@ -1 +0,0 @@
-import{_ as e}from"./index-B-fKc8N_.js";import r from"react";import"react-dom";import"markdown-to-jsx";import"react-syntax-highlighter";var t=t=>r.createElement("svg",e({},t,{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"}),r.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M15 6C15 7.30622 14.1652 8.41746 13 8.82929V16.874C14.7252 16.4299 16 14.8638 16 13H18C18 15.973 15.8377 18.441 13 18.917V20C13 20.5523 12.5523 21 12 21C11.4477 21 11 20.5523 11 20V18.917C8.16229 18.441 6 15.973 6 13H8C8 14.8638 9.27477 16.4299 11 16.874V8.82929C9.83481 8.41746 9 7.30622 9 6C9 4.34315 10.3431 3 12 3C13.6569 3 15 4.34315 15 6ZM12 7C12.5523 7 13 6.55228 13 6C13 5.44772 12.5523 5 12 5C11.4477 5 11 5.44772 11 6C11 6.55228 11.4477 7 12 7Z",fill:"currentColor"}));export{t as default};