optikos 0.0.0-stage → 0.1.0

package/dist/css/window.css

@@ -0,0 +1,31 @@
+@layer optikos {
+  :root {
+    --op-window-width: 28rem;
+  }
+  .op-window-backdrop {
+    position: fixed;
+    inset: 0;
+    background: var(--op-backdrop-bg, var(--op-color-overlay));
+  }
+  .op-window {
+    position: fixed;
+    inline-size: var(--op-window-width);
+    max-inline-size: calc(100vw - var(--op-space-4));
+    max-block-size: calc(100vh - var(--op-space-4));
+    max-block-size: calc(100dvh - var(--op-space-4));
+    background: var(--op-window-bg, var(--op-color-surface));
+    border-radius: var(--op-window-radius, var(--op-radius-lg));
+    box-shadow: var(--op-window-shadow, var(--op-shadow-lg));
+  }
+  .op-window:focus {
+    outline: none;
+  }
+  .op-window__handle {
+    cursor: grab;
+    user-select: none;
+    touch-action: none;
+  }
+  .op-window.is-dragging .op-window__handle {
+    cursor: grabbing;
+  }
+}

package/dist/data.js

@@ -0,0 +1,2 @@
+import{a as d,b as e}from"./chunk-X2ASKUFD.js";import{a as f,b as g,c as h}from"./chunk-NDBFYIL6.js";import{a,b,c}from"./chunk-JTYWZMSZ.js";import"./chunk-MA5BJL3S.js";import"./chunk-4C666HHU.js";export{d as MemoryProxy,a as Model,e as RestProxy,c as Store,h as cellContent,g as format,b as matchFilter,f as registerFormat};
+//# sourceMappingURL=data.js.map

package/dist/data.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/index.js

@@ -0,0 +1,8 @@
+import{a as $o,b as Ao}from"./chunk-OW2ZSMGS.js";import{a as wo,b as Co}from"./chunk-6NJW7QFD.js";import{a as Do}from"./chunk-CN7USUJR.js";import{a as vo}from"./chunk-TBLICXWW.js";import{a as Vo}from"./chunk-A66MDXHL.js";import{a as jo}from"./chunk-GZNQPENR.js";import{a as ko}from"./chunk-HFFK6K4K.js";import{a as Eo}from"./chunk-BIYNHKSA.js";import{a as To}from"./chunk-5AXLYDKU.js";import{a as yo}from"./chunk-IO66A6G5.js";import"./chunk-CEXY5A4T.js";import{a as bo}from"./chunk-YET5PM6F.js";import{a as uo,b as lo,c as go}from"./chunk-TK2RC3T5.js";import{a as ho}from"./chunk-ODWPBBVL.js";import{a as io}from"./chunk-LV6HXFHU.js";import{a as xo}from"./chunk-XVIC24AW.js";import{a as ao}from"./chunk-4Q67QI7J.js";import{a as co}from"./chunk-JZNEB7A7.js";import{a as w}from"./chunk-IW7PK4VS.js";import{a as J,b as K}from"./chunk-X2ASKUFD.js";import"./chunk-X6AULZI4.js";import{a as Ze,b as _e,c as eo,d as oo,e as ro,f as to,g as mo,h as fo,i as po,j as no,k as so}from"./chunk-C3N7QTQB.js";import{a as ve}from"./chunk-ZHVSHDLH.js";import{a as Ye}from"./chunk-JVEPKW5X.js";import{a as Oe}from"./chunk-LEE2FEEL.js";import{a as we}from"./chunk-NV5AIBQP.js";import{a as We}from"./chunk-T4OYVG2X.js";import{a as Be}from"./chunk-CQRHNTEX.js";import{a as Xe}from"./chunk-6O2BXCRN.js";import{a as Le}from"./chunk-DXO3UJKL.js";import{a as Ue}from"./chunk-5Q6Y6CM4.js";import{a as Se}from"./chunk-PSPQH35P.js";import{a as Pe}from"./chunk-XZ5CUZZP.js";import{a as Re}from"./chunk-LBCWEWPN.js";import{a as Me}from"./chunk-666O2GKD.js";import{a as Ae}from"./chunk-QEQIJAAB.js";import{a as He}from"./chunk-4SUKNSCY.js";import{a as De}from"./chunk-Z25NC4CS.js";import{a as $e}from"./chunk-BNPVRIFT.js";import{a as Ce}from"./chunk-O4DCHALR.js";import{a as Qe}from"./chunk-5GNEFX6F.js";import{a as Ve}from"./chunk-ZYUXCZX7.js";import{a as Ee}from"./chunk-U3X2FW6U.js";import{a as ke}from"./chunk-4COBH4QJ.js";import{a as Ge,b as Je,c as Ke,d as Ne}from"./chunk-4DHQKECB.js";import{a as Fe}from"./chunk-NHVEP72K.js";import{a as ze}from"./chunk-ZCAAM4NH.js";import{a as je}from"./chunk-ARCW54L2.js";import{a as be}from"./chunk-SNTHW4K2.js";import{a as qe}from"./chunk-LMGCV35W.js";import{a as k,b as E,c as $}from"./chunk-UPOBGNJ5.js";import{i as q}from"./chunk-NWTTHDIM.js";import{a as P,b as S}from"./chunk-OWEQT2HN.js";import{a as H,b as L}from"./chunk-CUPAPOKC.js";import{a as C,b as D,c as B}from"./chunk-676AKAGF.js";import{a as M,b as R,c as I}from"./chunk-VV7CFMPZ.js";import{a as A}from"./chunk-K2DGY6MP.js";import{a as N,b as O,c as Q}from"./chunk-NDBFYIL6.js";import{a as z,b as F,c as G}from"./chunk-JTYWZMSZ.js";import{a as pe,b as ne,c as se,d as ie,e as xe,f as ae,g as de,h as ce,i as ue,j as le}from"./chunk-6NCXO5ZP.js";import{a as Ie}from"./chunk-XZEOSW3Q.js";import{a as Y,b as Z,c as _,d as ee,e as oe,f as re,g as te,h as me,i as fe}from"./chunk-4AA4FQEM.js";import{a as U,b as W,c as X}from"./chunk-2UPUC4RK.js";import{a as ge,b as he,c as ye,d as Te}from"./chunk-IHAYOSBR.js";import{a as b,b as v,c as V,d as j}from"./chunk-IYPKPLCU.js";import{a,b as d,c,d as m,e as u,f as l}from"./chunk-PZSHOSOS.js";import{a as x,b as g,c as h,d as y,e as T}from"./chunk-MA5BJL3S.js";import"./chunk-4C666HHU.js";function s(r,t="custom"){let f=[];for(let o in r){let e=r[o];for(let n in e)f.push(`    --op-${m(o)}-${m(n)}: ${e[n]};`)}let p=`@layer optikos {
+  [data-op-theme~='${t}'] {
+${f.join(`
+`)}
+  }
+}
+`;return{name:t,css:p,inject(){let o=`op-theme-${t}`,e=document.getElementById(o);e||(e=document.createElement("style"),e.id=o,document.head.appendChild(e)),e.textContent=p},apply(o=document.documentElement){this.inject();let e=new Set((o.getAttribute("data-op-theme")??"").split(/\s+/).filter(Boolean));e.add(t),o.setAttribute("data-op-theme",[...e].join(" "))}}}function i(r,t=document.documentElement){t.setAttribute("data-op-theme",Array.isArray(r)?r.join(" "):r)}export{Vo as Breadcrumb,Ie as Button,ke as Calendar,io as Chat,Ae as Checkbox,He as ComboBox,Eo as CommandPalette,b as Component,$ as Container,U as DEFAULTS,xo as DataView,Ee as DateField,$e as DateRangeField,oo as Direction,je as Dropdown,x as Emitter,A as Field,bo as FieldSet,ao as FilterBuilder,Ye as Form,Fe as Grid,Te as Icon,Qe as Label,eo as LabelPos,mo as LayoutKind,Ce as ListBox,Oe as LookupField,J as MemoryProxy,ze as Menu,Ue as MessageBox,z as Model,jo as NavMenu,Ve as NumberField,no as Op,qe as Pagination,Pe as Panel,De as PickerField,we as RadioGroup,ro as Region,K as RestProxy,Ne as SearchGrid,We as SecretField,Be as Select,fo as Selection,to as Side,Xe as Slider,Me as Spacer,ho as Spinner,To as StepForm,yo as Stepper,G as Store,Le as SuggestField,co as Table,ko as Tabs,ve as TextArea,be as TextField,so as ThemeName,$o as Toast,po as ToastType,Re as Toolbar,wo as Tooltip,_e as Variant,go as ViewManager,vo as Viewport,Do as Widget,Se as Window,pe as arcPoints,Co as attachTooltip,a as attr,Q as cellContent,l as clamp,j as create,E as createLayout,q as date,s as defineTheme,ae as dragKnob,me as enter,fe as exit,M as focusables,O as format,y as getLocale,V as getType,d as h,he as hasIcon,ye as iconEl,W as isBouncy,m as kebab,xe as knobStretch,C as layer,le as layoutId,uo as localViewStorage,g as locales,B as lockModal,Ke as lookupStore,F as matchFilter,S as measure,X as motion,ne as moveArc,Y as originFor,H as place,Z as popIn,_ as popOut,te as pulse,u as px,v as register,N as registerFormat,ge as registerIcons,k as registerLayout,Ge as registerLookup,Je as resolveLookup,lo as restViewStorage,ce as reveal,I as roving,se as rubberBand,ie as rubberScroll,h as setLocale,i as setTheme,oe as stagger,ee as staggerDelay,re as staggerDetails,de as swap,T as t,D as toLayer,Ao as toast,L as track,R as trapFocus,Ze as ui,c as uid,w as validators,P as virtualize,ue as wipeColor};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/themes/define.ts"],
+  "sourcesContent": ["import { kebab } from '../core/dom';\n\ntype Values = Record<string, string | number | undefined>;\ntype ColorToken = 'bg' | 'surface' | 'surface-2' | 'fg' | 'fg-muted' | 'border' | 'border-strong' | 'hover' | 'selected' | 'primary' | 'primary-hover' | 'primary-fg' | 'primary-soft' | 'danger' | 'danger-hover' | 'danger-fg' | 'danger-soft' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'info' | 'info-soft' | 'focus' | 'overlay';\n\nexport interface ThemeDefinition {\n  /** Semantic colors: `{ primary: '#06f' }` \u2192 `--op-color-primary`. camelCase keys are kebab-cased. */\n  color?: Partial<Record<ColorToken | string, string>>;\n  font?: Values;\n  space?: Values;\n  radius?: Values;\n  shadow?: Values;\n  control?: Values;\n  /** Any other key is a component scope: `{ button: { radius: 0 } }` \u2192 `--op-button-radius`. */\n  [group: string]: Values | undefined;\n}\n\nexport interface Theme {\n  name: string;\n  /** CSS text, scoped to `[data-op-theme~=\"name\"]`, inside `@layer optikos`. */\n  css: string;\n  /** Injects the CSS once without activating it (e.g. to offer it in a theme picker). */\n  inject(): void;\n  /** Injects the CSS and activates the theme on `el` (default: `<html>`), keeping other themes (`\"dark custom\"`). */\n  apply(el?: HTMLElement): void;\n}\n\n/**\n * Typed, proprietary theme format. Produces the same custom properties a hand-written CSS theme would.\n * Numbers are emitted unitless; write units as strings (`'4px'`).\n */\nexport function defineTheme(def: ThemeDefinition, name = 'custom'): Theme {\n  const lines: string[] = [];\n  for (const group in def) {\n    const values = def[group];\n    for (const key in values) lines.push(`    --op-${kebab(group)}-${kebab(key)}: ${values[key as keyof typeof values]};`);\n  }\n  const css = `@layer optikos {\\n  [data-op-theme~='${name}'] {\\n${lines.join('\\n')}\\n  }\\n}\\n`;\n  return {\n    name,\n    css,\n    inject() {\n      const id = `op-theme-${name}`;\n      let style = document.getElementById(id);\n      if (!style) {\n        style = document.createElement('style');\n        style.id = id;\n        document.head.appendChild(style);\n      }\n      style.textContent = css;\n    },\n    apply(el = document.documentElement) {\n      this.inject();\n      const names = new Set((el.getAttribute('data-op-theme') ?? '').split(/\\s+/).filter(Boolean));\n      names.add(name);\n      el.setAttribute('data-op-theme', [...names].join(' '));\n    },\n  };\n}\n\n/** Activates themes on an element (default `<html>`): `setTheme('dark compact')` or `setTheme(['dark', 'custom'])`. */\nexport function setTheme(names: string | string[], el: HTMLElement = document.documentElement): void {\n  el.setAttribute('data-op-theme', Array.isArray(names) ? names.join(' ') : names);\n}\n"],
+  "mappings": "soGA+BO,SAASA,EAAYC,EAAsBC,EAAO,SAAiB,CACxE,IAAMC,EAAkB,CAAC,EACzB,QAAWC,KAASH,EAAK,CACvB,IAAMI,EAASJ,EAAIG,CAAK,EACxB,QAAWE,KAAOD,EAAQF,EAAM,KAAK,YAAYI,EAAMH,CAAK,CAAC,IAAIG,EAAMD,CAAG,CAAC,KAAKD,EAAOC,CAA0B,CAAC,GAAG,CACvH,CACA,IAAME,EAAM;AAAA,qBAAwCN,CAAI;AAAA,EAASC,EAAM,KAAK;AAAA,CAAI,CAAC;AAAA;AAAA;AAAA,EACjF,MAAO,CACL,KAAAD,EACA,IAAAM,EACA,QAAS,CACP,IAAMC,EAAK,YAAYP,CAAI,GACvBQ,EAAQ,SAAS,eAAeD,CAAE,EACjCC,IACHA,EAAQ,SAAS,cAAc,OAAO,EACtCA,EAAM,GAAKD,EACX,SAAS,KAAK,YAAYC,CAAK,GAEjCA,EAAM,YAAcF,CACtB,EACA,MAAMG,EAAK,SAAS,gBAAiB,CACnC,KAAK,OAAO,EACZ,IAAMC,EAAQ,IAAI,KAAKD,EAAG,aAAa,eAAe,GAAK,IAAI,MAAM,KAAK,EAAE,OAAO,OAAO,CAAC,EAC3FC,EAAM,IAAIV,CAAI,EACdS,EAAG,aAAa,gBAAiB,CAAC,GAAGC,CAAK,EAAE,KAAK,GAAG,CAAC,CACvD,CACF,CACF,CAGO,SAASC,EAASD,EAA0BD,EAAkB,SAAS,gBAAuB,CACnGA,EAAG,aAAa,gBAAiB,MAAM,QAAQC,CAAK,EAAIA,EAAM,KAAK,GAAG,EAAIA,CAAK,CACjF",
+  "names": ["defineTheme", "def", "name", "lines", "group", "values", "key", "kebab", "css", "id", "style", "el", "names", "setTheme"]
+}

package/dist/motion.js

@@ -0,0 +1,2 @@
+import"./chunk-X6AULZI4.js";import{a as m,b as n,c as o,d as p,e as q,f as r,g as s,h as t,i as u,j as v}from"./chunk-6NCXO5ZP.js";import{a as d,b as e,c as f,d as g,e as h,f as i,g as j,h as k,i as l}from"./chunk-4AA4FQEM.js";import{a,b,c}from"./chunk-2UPUC4RK.js";import"./chunk-4C666HHU.js";export{a as DEFAULTS,m as arcPoints,r as dragKnob,k as enter,l as exit,b as isBouncy,q as knobStretch,v as layoutId,c as motion,n as moveArc,d as originFor,e as popIn,f as popOut,j as pulse,t as reveal,o as rubberBand,p as rubberScroll,h as stagger,g as staggerDelay,i as staggerDetails,s as swap,u as wipeColor};
+//# sourceMappingURL=motion.js.map

package/dist/motion.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}