@aberhamm/liquid-glass-react 0.2.1 → 0.3.0

package/dist/liquid-glass-react.css

@@ -1 +1 @@
-.lg-content{display:inline-flex;align-items:center;justify-content:center;gap:.5em;color:var(--lg-fg, rgba(17, 17, 19, .92));text-shadow:0 1px 1px rgba(255,255,255,.45);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media(prefers-color-scheme:dark){.lg-content{color:var(--lg-fg, rgba(245, 245, 247, .94));text-shadow:0 1px 2px rgba(0,0,0,.55)}}.lg-button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;margin:0;background:transparent;font:inherit;font-weight:600;line-height:1.2;letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;color:var(--lg-fg, rgba(17, 17, 19, .92));text-decoration:none;border-radius:inherit;transition:filter .16s ease,opacity .16s ease}.lg-button:hover:not(:disabled){filter:brightness(1.04)}.lg-button:focus-visible{outline:2px solid var(--lg-focus-ring, rgba(60, 130, 255, .9));outline-offset:2px;box-shadow:0 0 0 4px #3c82ff40}.lg-button:disabled{cursor:not-allowed;opacity:.5;filter:saturate(.7)}@media(prefers-contrast:more){.lg-content{color:var(--lg-fg, rgba(0, 0, 0, 1));text-shadow:none}.lg-button:focus-visible,.lg-segmented-option:has(.lg-segmented-input:focus-visible){outline:3px solid var(--lg-focus-ring, rgba(0, 90, 255, 1));outline-offset:2px;box-shadow:0 0 0 5px #ffffffe6}}@media(prefers-contrast:more)and (prefers-color-scheme:dark){.lg-content{color:var(--lg-fg, rgba(255, 255, 255, 1));text-shadow:none}.lg-button:focus-visible,.lg-segmented-option:has(.lg-segmented-input:focus-visible){box-shadow:0 0 0 5px #000000e6}}.lg-button[data-shine=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,#fff0 30%,#ffffff8c,#fff0 70%);background-size:250% 100%;background-position:150% 0;opacity:0}.lg-button[data-shine=true]:active:not(:disabled):after{animation:lg-shine .48s ease-out}@keyframes lg-shine{0%{background-position:150% 0;opacity:0}20%{opacity:1}to{background-position:-50% 0;opacity:0}}@media(prefers-reduced-motion:reduce){.lg-button[data-shine=true]:active:not(:disabled):after{animation:none}}.lg-button--primary{--lg-fg: rgba(255, 255, 255, .98);text-shadow:0 1px 2px rgba(0,0,0,.35)}.lg-button--secondary{--lg-fg: rgba(20, 22, 28, .92)}.lg-button--subtle{--lg-fg: rgba(40, 42, 50, .82);font-weight:500}@media(prefers-color-scheme:dark){.lg-button--secondary{--lg-fg: rgba(240, 242, 248, .94)}.lg-button--subtle{--lg-fg: rgba(225, 227, 235, .85)}}.lg-button--sm{font-size:.8125rem;padding:6px 14px}.lg-button--md{font-size:.9375rem;padding:10px 20px}.lg-button--lg{font-size:1.0625rem;padding:14px 28px}.lg-button--icon{font-size:1rem;padding:10px}.lg-button--icon .lg-content{width:1.25em;height:1.25em;gap:0}.lg-card{position:relative;display:block;border-radius:inherit}.lg-card .lg-content{display:block;text-align:left;text-shadow:none;color:var(--lg-fg, rgba(20, 22, 28, .9))}@media(prefers-color-scheme:dark){.lg-card .lg-content{color:var(--lg-fg, rgba(238, 240, 246, .92))}}.lg-card--flat{--lg-card-lift: none}.lg-card--raised{--lg-card-lift: 0 10px 30px rgba(0, 0, 0, .16)}.lg-card--floating{--lg-card-lift: 0 22px 60px rgba(0, 0, 0, .24)}.lg-card[data-elevation]:not(.lg-card--flat){filter:drop-shadow(var(--lg-card-lift, none))}.lg-segmented{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;padding:0;min-inline-size:0;display:inline-flex;flex-direction:column;gap:.5rem;--lg-seg-pad: .25rem;--lg-seg-radius: 999px;font:inherit}.lg-segmented-legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lg-segmented-legend--visible{position:static;width:auto;height:auto;margin:0;clip:auto;overflow:visible;white-space:normal;font-size:.8125rem;font-weight:600;letter-spacing:.02em;color:var(--lg-fg, rgba(20, 22, 28, .82))}@media(prefers-color-scheme:dark){.lg-segmented-legend--visible{color:var(--lg-fg, rgba(232, 234, 240, .86))}}.lg-segmented-track{position:relative;display:inline-flex;align-items:stretch;padding:var(--lg-seg-pad);border-radius:var(--lg-seg-radius);background:#ffffff1f;box-shadow:var(--lg-edge-shadow);isolation:isolate;-webkit-tap-highlight-color:transparent}@media(prefers-color-scheme:dark){.lg-segmented-track{background:#14161c38}}.lg-segmented-indicator{position:absolute;top:var(--lg-seg-pad);left:var(--lg-seg-pad);bottom:var(--lg-seg-pad);border-radius:var(--lg-seg-radius);z-index:0;pointer-events:none;will-change:transform,width}.lg-segmented-glass{border-radius:var(--lg-seg-radius)}.lg-segmented-glass-fill{display:block;width:100%;height:100%}.lg-segmented-option{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:.4em;flex:1 1 auto;border-radius:var(--lg-seg-radius);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;font-weight:600;letter-spacing:.01em;color:var(--lg-fg, rgba(40, 42, 50, .7));transition:color .2s ease}.lg-segmented-option[data-active=true]{color:var(--lg-fg-active, rgba(17, 17, 19, .96))}@media(prefers-color-scheme:dark){.lg-segmented-option{color:var(--lg-fg, rgba(220, 222, 230, .72))}.lg-segmented-option[data-active=true]{color:var(--lg-fg-active, rgba(248, 249, 252, .98))}}.lg-segmented-input{position:absolute;width:1px;height:1px;padding:0;margin:0;opacity:0;pointer-events:none;clip:rect(0,0,0,0)}.lg-segmented-input:focus-visible+.lg-segmented-icon,.lg-segmented-input:focus-visible~.lg-segmented-label,.lg-segmented-option:focus-within{outline:none}.lg-segmented-option:has(.lg-segmented-input:focus-visible){outline:2px solid var(--lg-focus-ring, rgba(60, 130, 255, .9));outline-offset:2px;box-shadow:0 0 0 4px #3c82ff40}.lg-segmented-option:has(.lg-segmented-input:disabled){cursor:not-allowed;opacity:.45}.lg-segmented-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.lg-segmented-option[data-icon-only=true]{aspect-ratio:1 / 1}.lg-segmented--sm{font-size:.8125rem}.lg-segmented--sm .lg-segmented-option{padding:.3rem .7rem}.lg-segmented--md{font-size:.9375rem}.lg-segmented--md .lg-segmented-option{padding:.45rem 1rem}.lg-segmented--lg{font-size:1.0625rem}.lg-segmented--lg .lg-segmented-option{padding:.6rem 1.35rem}
+.matui-glass-button-shell{position:relative;display:inline-flex;border-radius:999px;vertical-align:middle;color:var(--matui-glass-fg, #17332e)}.matui-glass-button-shell>[data-liquid-glass]{background:#ffffff32}.matui-glass-button-shell.matui-glass-button--primary{background:#117a6c88;color:#102e28}.matui-glass-button--secondary{background:#ffffff30}.matui-glass-button--subtle{background:#ffffff10}.matui-glass-button{position:relative;font:inherit;font-weight:600;color:inherit;border:0;border-radius:inherit;background:transparent;cursor:pointer}.matui-glass-button--sm{padding:8px 14px;font-size:13px}.matui-glass-button--md{padding:12px 22px;font-size:14px}.matui-glass-button--lg{padding:16px 28px;font-size:16px}.matui-glass-button--icon{width:44px;height:44px;display:grid;place-items:center}.matui-glass-button:disabled{cursor:not-allowed;opacity:.45}.matui-glass-button-shell:has(:disabled){opacity:.6}.matui-glass-button:hover:enabled{background:#ffffff18}.matui-glass-button:focus-visible,.matui-glass-control:focus-within,.matui-glass-segment:focus-within{outline:3px solid var(--matui-glass-focus, #195fbb);outline-offset:4px}.matui-glass-card{display:inline-block;max-width:100%;border-radius:28px;background:#fff2;color:var(--matui-glass-fg, inherit)}.matui-glass-card--raised{box-shadow:0 8px 24px #172e2918}.matui-glass-card--floating{box-shadow:0 18px 48px #172e2930}.matui-glass-segmented{margin:0;padding:5px;min-width:0;display:inline-flex;flex-wrap:wrap;gap:4px;border:1px solid #ffffff66;border-radius:24px;background:#fff2;color:var(--matui-glass-fg, inherit)}.matui-glass-segment{position:relative;border-radius:18px}.matui-glass-segment label{position:relative;display:block;padding:10px 18px;cursor:pointer}.matui-glass-segment input,.matui-glass-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.matui-glass-segment:has(:disabled){opacity:.45}.matui-glass-segment:has(:disabled) label{cursor:not-allowed}

package/dist/native/index.native.d.ts

@@ -13,7 +13,7 @@
  * native bundle. Native ports of the prebuilt components are out of scope for
  * this round (primitive only).
  */
-export declare const VERSION = "0.0.0";
+export declare const VERSION = "0.3.0";
 export { LiquidGlass, type LiquidGlassNativeProps } from './liquid-glass.native';
 export type { DisplacementMode, GlassVariant, LiquidGlassCoreProps, MousePos, } from './types';
 export * from './tokens';

package/dist/native/index.native.js

@@ -13,7 +13,7 @@
  * native bundle. Native ports of the prebuilt components are out of scope for
  * this round (primitive only).
  */
-export const VERSION = '0.0.0';
+export const VERSION = '0.3.0';
 export { LiquidGlass } from './liquid-glass.native';
 // Shared design tokens (plan 022) — the same source of truth the web build uses.
 export * from './tokens';

package/licenses/samasante-liquid-glass-MIT.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Sam Asante
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aberhamm/liquid-glass-react",
-  "version": "0.2.1",
-  "description": "An independent React reimplementation of a liquid-glass UI component library.",
+  "version": "0.3.0",
+  "description": "React liquid-glass components powered by the samasante liquid-glass engine, with a separate native frosted surface.",
   "type": "module",
   "license": "MIT",
   "author": "Matthew Aberham",
@@ -27,7 +27,7 @@
   },
   "packageManager": "pnpm@10.33.3",
   "sideEffects": ["**/*.css"],
-  "files": ["dist"],
+  "files": ["dist", "licenses"],
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -117,6 +117,10 @@
     "typescript": "^5.7.3",
     "vite": "^6.0.7",
     "vite-plugin-dts": "^4.4.0",
-    "vitest": "^2.1.8"
+    "vitest": "^2.1.8",
+    "@testing-library/user-event": "^14.6.7"
+  },
+  "dependencies": {
+    "@samasante/liquid-glass": "0.1.1"
   }
 }