motus-ui 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 John Charles Frederick Mamanao
+
+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/README.md

@@ -0,0 +1,38 @@
+# Motus UI
+
+Expressive React components with polished motion and clear interaction feedback.
+
+## Install
+
+```bash
+npm install motus-ui
+```
+
+Import the stylesheet once:
+
+```tsx
+import 'motus-ui/styles.css';
+```
+
+Use any exported component:
+
+```tsx
+import { CopyLinkButton, TextMotion } from 'motus-ui';
+
+export function Example() {
+  return (
+    <>
+      <TextMotion text="Selected work" variant="ripple" />
+      <CopyLinkButton value="https://example.com/project" />
+    </>
+  );
+}
+```
+
+## Exports
+
+`ClickKey`, `CopyLinkButton`, `ResumeDownloadButton`, `TextMotion`, `ExpandableTab`, `PortfolioNav`, `ProjectCard`, `ProjectList`, `SkillsList`, `ContactCard`, `TechStack`, `SilkBackground`, `HalftoneBackground`, `LightBackground`, `LiquidGlassCard`, and `RouteLens`.
+
+Motus supports React 18.2 and React 19. ESM and TypeScript declarations are included.
+
+Source, previews, and contribution instructions are available in the [Motus UI repository](https://github.com/johnmamanao/motus-ui).

package/dist/ExpandableTab.d.ts

@@ -0,0 +1,2 @@
+export declare function ExpandableTab(): import("react").JSX.Element;
+//# sourceMappingURL=ExpandableTab.d.ts.map

package/dist/ExpandableTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableTab.d.ts","sourceRoot":"","sources":["../src/ExpandableTab.tsx"],"names":[],"mappings":"AAyQA,wBAAgB,aAAa,gCAoI5B"}

package/dist/PortfolioPieces.d.ts

@@ -0,0 +1,39 @@
+import { type ReactNode } from 'react';
+import type { TextMotionVariant } from './motion/TextMotion.js';
+/**
+ * Small decorative filters only. The glass surfaces themselves use native blur,
+ * keeping every edge stable while the colour fields receive subtle distortion.
+ */
+export declare function LiquidGlassDefs(): import("react").JSX.Element;
+type LiquidGlassCardProps = {
+    children: ReactNode;
+    className?: string;
+    draggable?: boolean;
+    borderRadius?: string;
+    blurIntensity?: 'sm' | 'md' | 'lg';
+    glowIntensity?: 'none' | 'sm' | 'md';
+    shadowIntensity?: 'sm' | 'md' | 'lg';
+};
+/**
+ * A layered glass primitive: the background is blurred by the lowest layer,
+ * the middle layer carries the tint, and the top layers draw the optical rim
+ * and pointer-tracked specular light. No separate component CSS is required.
+ */
+export declare function LiquidGlassCard({ children, className, draggable, borderRadius, blurIntensity, glowIntensity, shadowIntensity, }: LiquidGlassCardProps): import("react").JSX.Element;
+export declare function RibbonNavigation(): import("react").JSX.Element;
+export declare function ProjectAperture(): import("react").JSX.Element;
+export declare function PressureStack(): import("react").JSX.Element;
+export declare function SpatialIndex(): import("react").JSX.Element;
+export declare function ContactCapsule(): import("react").JSX.Element;
+export declare function BuildReceipt(): import("react").JSX.Element;
+export declare function RouteLens(): import("react").JSX.Element;
+export declare function MercuryFlowPiece(): import("react").JSX.Element;
+export declare function MagneticHalftonePiece(): import("react").JSX.Element;
+export declare function SpectralVeilPiece(): import("react").JSX.Element;
+export type PieceId = 'text-motion' | 'lens-dock' | 'refraction-card' | 'mercury-tabs' | 'viscous-reel' | 'prism-contact' | 'glass-code' | 'expandable-tab' | 'click-key' | 'resume-download' | 'copy-link' | 'liquid-mesh' | 'chromatic-lens' | 'solar-fabric';
+export declare function PortfolioPiece({ id, textMotionVariant, }: {
+    id: PieceId;
+    textMotionVariant?: TextMotionVariant;
+}): import("react").JSX.Element;
+export default PortfolioPiece;
+//# sourceMappingURL=PortfolioPieces.d.ts.map

package/dist/PortfolioPieces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortfolioPieces.d.ts","sourceRoot":"","sources":["../src/PortfolioPieces.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAoBf,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAShE;;;GAGG;AACH,wBAAgB,eAAe,gCA4B9B;AAED,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACtC,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAc,EACd,SAAiB,EACjB,YAAqB,EACrB,aAAoB,EACpB,aAAoB,EACpB,eAAsB,GACvB,EAAE,oBAAoB,+BAyEtB;AAED,wBAAgB,gBAAgB,gCA6G/B;AAED,wBAAgB,eAAe,gCA4J9B;AAED,wBAAgB,aAAa,gCA+D5B;AAED,wBAAgB,YAAY,gCAkH3B;AAED,wBAAgB,cAAc,gCAmG7B;AAED,wBAAgB,YAAY,gCAgE3B;AA2dD,wBAAgB,SAAS,gCAwPxB;AA2BD,wBAAgB,gBAAgB,gCAM/B;AAED,wBAAgB,qBAAqB,gCAMpC;AAED,wBAAgB,iBAAiB,gCAMhC;AAED,MAAM,MAAM,OAAO,GACf,aAAa,GACb,WAAW,GACX,iBAAiB,GACjB,cAAc,GACd,cAAc,GACd,eAAe,GACf,YAAY,GACZ,gBAAgB,GAChB,WAAW,GACX,iBAAiB,GACjB,WAAW,GACX,aAAa,GACb,gBAAgB,GAChB,cAAc,CAAC;AAEnB,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EACF,iBAA0B,GAC3B,EAAE;IACD,EAAE,EAAE,OAAO,CAAC;IACZ,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC,+BA8CA;AAED,eAAe,cAAc,CAAC"}

package/dist/buttons/ClickKey.d.ts

@@ -0,0 +1,6 @@
+export type ClickKeyProps = {
+    onAction?: () => void | Promise<void>;
+    disabled?: boolean;
+};
+export default function ClickKey({ onAction, disabled }: ClickKeyProps): import("react").JSX.Element;
+//# sourceMappingURL=ClickKey.d.ts.map

package/dist/buttons/ClickKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClickKey.d.ts","sourceRoot":"","sources":["../../src/buttons/ClickKey.tsx"],"names":[],"mappings":"AAgBA,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAgB,EAAE,EAAE,aAAa,+BAgD7E"}

package/dist/buttons/CopyLinkButton.d.ts

@@ -0,0 +1,7 @@
+export type CopyLinkButtonProps = {
+    value?: string;
+    onCopy?: (value: string) => void | Promise<void>;
+    disabled?: boolean;
+};
+export default function CopyLinkButton({ value, onCopy, disabled, }: CopyLinkButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=CopyLinkButton.d.ts.map

package/dist/buttons/CopyLinkButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyLinkButton.d.ts","sourceRoot":"","sources":["../../src/buttons/CopyLinkButton.tsx"],"names":[],"mappings":"AAiHA,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAkC,EAClC,MAAM,EACN,QAAgB,GACjB,EAAE,mBAAmB,+BAoFrB"}

package/dist/buttons/ResumeDownloadButton.d.ts

@@ -0,0 +1,9 @@
+export type ResumeDownloadButtonProps = {
+    href?: string;
+    filename?: string;
+    fileLabel?: string;
+    onDownload?: () => void | Promise<void>;
+    disabled?: boolean;
+};
+export default function ResumeDownloadButton({ href, filename, fileLabel, onDownload, disabled, }: ResumeDownloadButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=ResumeDownloadButton.d.ts.map

package/dist/buttons/ResumeDownloadButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResumeDownloadButton.d.ts","sourceRoot":"","sources":["../../src/buttons/ResumeDownloadButton.tsx"],"names":[],"mappings":"AAuGA,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,IAAoB,EACpB,QAAuB,EACvB,SAA0B,EAC1B,UAAU,EACV,QAAgB,GACjB,EAAE,yBAAyB,+BAyH3B"}

package/dist/effects/MagneticHalftone.d.ts

@@ -0,0 +1,2 @@
+export default function MagneticHalftone(): import("react").JSX.Element;
+//# sourceMappingURL=MagneticHalftone.d.ts.map

package/dist/effects/MagneticHalftone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MagneticHalftone.d.ts","sourceRoot":"","sources":["../../src/effects/MagneticHalftone.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,gBAAgB,gCAqHvC"}

package/dist/effects/MercuryFlow.d.ts

@@ -0,0 +1,2 @@
+export default function OpticalSilk(): import("react").JSX.Element;
+//# sourceMappingURL=MercuryFlow.d.ts.map

package/dist/effects/MercuryFlow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MercuryFlow.d.ts","sourceRoot":"","sources":["../../src/effects/MercuryFlow.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,WAAW,gCAkIlC"}

package/dist/effects/SpectralVeil.d.ts

@@ -0,0 +1,2 @@
+export default function SpectralVeil(): import("react").JSX.Element;
+//# sourceMappingURL=SpectralVeil.d.ts.map

package/dist/effects/SpectralVeil.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpectralVeil.d.ts","sourceRoot":"","sources":["../../src/effects/SpectralVeil.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,YAAY,gCA0InC"}

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+export { default as ClickKey } from './buttons/ClickKey.js';
+export type { ClickKeyProps } from './buttons/ClickKey.js';
+export { default as CopyLinkButton } from './buttons/CopyLinkButton.js';
+export type { CopyLinkButtonProps } from './buttons/CopyLinkButton.js';
+export { default as ResumeDownloadButton } from './buttons/ResumeDownloadButton.js';
+export type { ResumeDownloadButtonProps } from './buttons/ResumeDownloadButton.js';
+export { ExpandableTab } from './ExpandableTab.js';
+export { default as TextMotion } from './motion/TextMotion.js';
+export type { TextMotionProps, TextMotionVariant } from './motion/TextMotion.js';
+export { default as SilkBackground } from './effects/MercuryFlow.js';
+export { default as HalftoneBackground } from './effects/MagneticHalftone.js';
+export { default as LightBackground } from './effects/SpectralVeil.js';
+export { BuildReceipt as TechStack, ContactCapsule as ContactCard, LiquidGlassCard, LiquidGlassDefs, PressureStack as SkillsList, ProjectAperture as ProjectCard, RibbonNavigation as PortfolioNav, RouteLens, SpatialIndex as ProjectList, PortfolioPiece, } from './PortfolioPieces.js';
+export type { PieceId } from './PortfolioPieces.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACxE,YAAY,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACpF,YAAY,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAEnF,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAC/D,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEjF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEvE,OAAO,EACL,YAAY,IAAI,SAAS,EACzB,cAAc,IAAI,WAAW,EAC7B,eAAe,EACf,eAAe,EACf,aAAa,IAAI,UAAU,EAC3B,eAAe,IAAI,WAAW,EAC9B,gBAAgB,IAAI,YAAY,EAChC,SAAS,EACT,YAAY,IAAI,WAAW,EAC3B,cAAc,GACf,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC"}