talking-head-studio 0.4.0 → 0.4.1

package/dist/filament/editor/FilamentEditor.web.d.ts

@@ -1,19 +0,0 @@
-import { type ViewStyle } from 'react-native';
-import type { AvatarAppearance } from '../../appearance';
-import type { WearableAsset } from '../../api/types';
-import type { AssetPlacement } from '../../wardrobe/wardrobeStore';
-export interface FilamentEditorProps {
-    avatarUrl: string;
-    style?: ViewStyle;
-    onDone: () => void;
-    skinColor?: string;
-    /** Web-only: structured appearance object (native uses skinColor hex) */
-    appearance?: AvatarAppearance;
-    equipped: Record<string, WearableAsset>;
-    placements: Record<string, AssetPlacement>;
-    activeAssetId: string | null;
-    onActiveAssetChange: (assetId: string | null) => void;
-    onPlacementChange: (assetId: string, placement: AssetPlacement) => void;
-}
-export declare function FilamentEditor({ avatarUrl, style, onDone, appearance, equipped, placements, activeAssetId, onPlacementChange, }: FilamentEditorProps): import("react/jsx-runtime").JSX.Element;
-export default FilamentEditor;

package/dist/filament/editor/FilamentEditor.web.js

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilamentEditor = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_native_1 = require("react-native");
-const editor_1 = require("../../editor");
-function FilamentEditor({ avatarUrl, style, onDone, appearance, equipped, placements, activeAssetId, onPlacementChange, }) {
-    // Convert Record<slot, WearableAsset> → EquippedAsset[] for AvatarCanvas
-    const equippedItems = Object.values(equipped)
-        .filter(Boolean)
-        .map((a) => ({
-        id: a.id,
-        url: a.url,
-        slot: a.slot,
-        type: a.type,
-        attach_bone: a.attach_bone ?? undefined,
-        offset_position: a.offset_position ?? undefined,
-        offset_rotation: a.offset_rotation ?? undefined,
-    }));
-    const normalizedPlacements = Object.fromEntries(Object.entries(placements).map(([assetId, placement]) => [
-        assetId,
-        {
-            ...placement,
-            scale: placement.scale,
-        },
-    ]));
-    const handlePlacementChange = (assetId, placement) => {
-        onPlacementChange(assetId, {
-            bone: placement.bone,
-            position: placement.position,
-            rotation: placement.rotation,
-            scale: placement.scale ?? 1,
-        });
-    };
-    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.container, style], children: [(0, jsx_runtime_1.jsx)(editor_1.AvatarCanvas, { avatarUrl: avatarUrl, appearance: appearance, equipped: equippedItems, placements: normalizedPlacements, editingAssetId: activeAssetId, onPlacementChange: handlePlacementChange, style: { width: '100%', height: '100%' } }), (0, jsx_runtime_1.jsx)(react_native_1.Pressable, { style: styles.doneButton, onPress: onDone, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.doneText, children: "Done" }) })] }));
-}
-exports.FilamentEditor = FilamentEditor;
-exports.default = FilamentEditor;
-const styles = react_native_1.StyleSheet.create({
-    container: {
-        flex: 1,
-        position: 'relative',
-    },
-    doneButton: {
-        position: 'absolute',
-        top: 12,
-        right: 16,
-        backgroundColor: '#6c63ff',
-        borderRadius: 8,
-        paddingHorizontal: 16,
-        paddingVertical: 8,
-    },
-    doneText: {
-        color: '#fff',
-        fontWeight: '700',
-        fontSize: 14,
-    },
-});

package/dist/filament/editor/PrecisionPanel.d.ts

@@ -1 +0,0 @@
-export default function PrecisionPanel(): import("react/jsx-runtime").JSX.Element | null;

package/dist/filament/editor/PrecisionPanel.js

@@ -1,252 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const react_native_gesture_handler_1 = require("react-native-gesture-handler");
-const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
-const Haptics = __importStar(require("expo-haptics"));
-const moti_1 = require("moti");
-const wardrobeStore_1 = require("../../wardrobe/wardrobeStore");
-const TICK_COUNT = 81;
-const PIXELS_PER_STEP = 10;
-const WRAP_DISTANCE = 50; // 5 ticks * 10 pixels
-const MODES = [
-    { key: 'translate', label: 'Position' },
-    { key: 'rotate', label: 'Rotation' },
-    { key: 'scale', label: 'Scale' },
-];
-const PrecisionSlider = ({ label, value, onChange, step, unit = '', }) => {
-    const startValue = (0, react_native_reanimated_1.useSharedValue)(0);
-    const lastHapticTick = (0, react_native_reanimated_1.useSharedValue)(0);
-    const currentValue = (0, react_native_reanimated_1.useSharedValue)(value);
-    (0, react_1.useEffect)(() => {
-        currentValue.value = value;
-    }, [value, currentValue]);
-    const triggerHaptic = () => {
-        Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Light);
-    };
-    const inDeadzone = (0, react_native_reanimated_1.useSharedValue)(false);
-    const pan = react_native_gesture_handler_1.Gesture.Pan()
-        .onStart(() => {
-        startValue.value = currentValue.value;
-        lastHapticTick.value = 0;
-        inDeadzone.value = false;
-    })
-        .onUpdate((event) => {
-        const deltaSteps = event.translationX / PIXELS_PER_STEP;
-        const deltaValue = deltaSteps * step;
-        let newValue = startValue.value + deltaValue;
-        if (label === 'Uniform' && newValue < 0.01) {
-            newValue = 0.01;
-        }
-        // Detent at 0 (snap to 0 and fire Medium haptic)
-        if (Math.abs(newValue) < step * 1.5) {
-            if (!inDeadzone.value) {
-                inDeadzone.value = true;
-                (0, react_native_reanimated_1.runOnJS)(Haptics.impactAsync)(Haptics.ImpactFeedbackStyle.Medium);
-            }
-            newValue = 0; // Snap exactly to 0
-        }
-        else {
-            inDeadzone.value = false;
-            // Light haptic every tick outside deadzone
-            const ticks = Math.floor(Math.abs(event.translationX) / PIXELS_PER_STEP);
-            if (ticks > lastHapticTick.value) {
-                lastHapticTick.value = ticks;
-                (0, react_native_reanimated_1.runOnJS)(triggerHaptic)();
-            }
-        }
-        currentValue.value = newValue;
-        (0, react_native_reanimated_1.runOnJS)(onChange)(newValue);
-    });
-    const animatedTapeStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
-        const tapePosition = (currentValue.value / step) * PIXELS_PER_STEP;
-        const remainder = tapePosition % WRAP_DISTANCE;
-        return {
-            transform: [{ translateX: remainder }],
-        };
-    });
-    const tickMarks = (0, react_1.useMemo)(() => Array.from({ length: TICK_COUNT }).map((_, i) => {
-        const isMajor = i % 5 === 0;
-        return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.tickContainer, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.tickMark, isMajor && styles.tickMarkMajor] }) }, i));
-    }), []);
-    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.sliderRow, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.sliderLabelContainer, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.sliderLabel, children: label }), (0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: styles.sliderValueText, children: [value.toFixed(2), unit] })] }), (0, jsx_runtime_1.jsx)(react_native_gesture_handler_1.GestureDetector, { gesture: pan, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.dialContainer, children: [(0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { style: [styles.dialTape, animatedTapeStyle], children: tickMarks }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.centerPointer })] }) })] }));
-};
-function PrecisionPanel() {
-    const activeAssetId = (0, wardrobeStore_1.useWardrobeStore)((s) => s.activeAssetId);
-    const placements = (0, wardrobeStore_1.useWardrobeStore)((s) => s.placements);
-    const setPlacement = (0, wardrobeStore_1.useWardrobeStore)((s) => s.setPlacement);
-    const gizmoMode = (0, wardrobeStore_1.useWardrobeStore)((s) => s.gizmoMode);
-    const setGizmoMode = (0, wardrobeStore_1.useWardrobeStore)((s) => s.setGizmoMode);
-    if (!activeAssetId) {
-        return null;
-    }
-    const placement = placements[activeAssetId];
-    if (!placement) {
-        console.warn('[PrecisionPanel] No placement data for asset:', activeAssetId);
-        return null;
-    }
-    const updateAxis = (axis, val) => {
-        if (!activeAssetId || !placement)
-            return;
-        if (gizmoMode === 'translate') {
-            const pos = [...placement.position];
-            if (axis === 'x')
-                pos[0] = val;
-            if (axis === 'y')
-                pos[1] = val;
-            if (axis === 'z')
-                pos[2] = val;
-            setPlacement(activeAssetId, { ...placement, position: pos });
-        }
-        else if (gizmoMode === 'rotate') {
-            const rot = [...placement.rotation];
-            if (axis === 'x')
-                rot[0] = val;
-            if (axis === 'y')
-                rot[1] = val;
-            if (axis === 'z')
-                rot[2] = val;
-            setPlacement(activeAssetId, { ...placement, rotation: rot });
-        }
-    };
-    const updateScale = (val) => {
-        if (!activeAssetId || !placement)
-            return;
-        setPlacement(activeAssetId, { ...placement, scale: val });
-    };
-    return ((0, jsx_runtime_1.jsxs)(moti_1.MotiView, { from: { opacity: 0, translateY: 100 }, animate: { opacity: 1, translateY: 0 }, transition: { type: 'timing', duration: 180 }, style: styles.container, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.segmentedControl, children: MODES.map((m) => {
-                    const isActive = gizmoMode === m.key;
-                    return ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { style: [styles.segmentButton, isActive && styles.segmentButtonActive], onPress: () => {
-                            setGizmoMode(m.key);
-                            Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Light);
-                        }, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.segmentText, isActive && styles.segmentTextActive], children: m.label }) }, m.key));
-                }) }), gizmoMode === 'translate' && ((0, jsx_runtime_1.jsxs)(react_native_reanimated_1.default.View, { children: [(0, jsx_runtime_1.jsx)(PrecisionSlider, { label: "X", value: placement.position[0], onChange: (v) => updateAxis('x', v), step: 0.01 }), (0, jsx_runtime_1.jsx)(PrecisionSlider, { label: "Y", value: placement.position[1], onChange: (v) => updateAxis('y', v), step: 0.01 }), (0, jsx_runtime_1.jsx)(PrecisionSlider, { label: "Z", value: placement.position[2], onChange: (v) => updateAxis('z', v), step: 0.01 })] })), gizmoMode === 'rotate' && ((0, jsx_runtime_1.jsxs)(react_native_reanimated_1.default.View, { children: [(0, jsx_runtime_1.jsx)(PrecisionSlider, { label: "Pitch", value: placement.rotation[0], onChange: (v) => updateAxis('x', v), step: 1, unit: "\u00B0" }), (0, jsx_runtime_1.jsx)(PrecisionSlider, { label: "Yaw", value: placement.rotation[1], onChange: (v) => updateAxis('y', v), step: 1, unit: "\u00B0" }), (0, jsx_runtime_1.jsx)(PrecisionSlider, { label: "Roll", value: placement.rotation[2], onChange: (v) => updateAxis('z', v), step: 1, unit: "\u00B0" })] })), gizmoMode === 'scale' && ((0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { children: (0, jsx_runtime_1.jsx)(PrecisionSlider, { label: "Uniform", value: placement.scale, onChange: updateScale, step: 0.01 }) }))] }));
-}
-exports.default = PrecisionPanel;
-const styles = react_native_1.StyleSheet.create({
-    container: {
-        position: 'absolute',
-        bottom: 24,
-        left: 16,
-        right: 16,
-        backgroundColor: '#161d28',
-        borderRadius: 16,
-        borderWidth: 1,
-        borderColor: '#232933',
-        padding: 16,
-        shadowColor: '#000',
-        shadowOffset: { width: 0, height: 8 },
-        shadowOpacity: 0.4,
-        shadowRadius: 16,
-        elevation: 10,
-    },
-    segmentedControl: {
-        flexDirection: 'row',
-        backgroundColor: '#0a0a0a',
-        borderRadius: 8,
-        padding: 4,
-        marginBottom: 20,
-        borderWidth: 1,
-        borderColor: '#232933',
-    },
-    segmentButton: {
-        flex: 1,
-        paddingVertical: 8,
-        alignItems: 'center',
-        borderRadius: 6,
-    },
-    segmentButtonActive: {
-        backgroundColor: '#232933',
-    },
-    segmentText: {
-        color: '#8892b0',
-        fontSize: 13,
-        fontWeight: '600',
-    },
-    segmentTextActive: {
-        color: '#f1f5fb',
-    },
-    sliderRow: {
-        marginBottom: 16,
-    },
-    sliderLabelContainer: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        marginBottom: 8,
-        paddingHorizontal: 4,
-    },
-    sliderLabel: {
-        color: '#8892b0',
-        fontSize: 12,
-        fontWeight: '600',
-        textTransform: 'uppercase',
-        letterSpacing: 0.5,
-    },
-    sliderValueText: {
-        color: '#6c63ff',
-        fontSize: 13,
-        fontWeight: '700',
-        fontVariant: ['tabular-nums'],
-    },
-    dialContainer: {
-        height: 44,
-        backgroundColor: '#0a0a0a',
-        borderRadius: 8,
-        overflow: 'hidden',
-        justifyContent: 'center',
-        alignItems: 'center',
-        borderWidth: 1,
-        borderColor: '#232933',
-    },
-    dialTape: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        position: 'absolute',
-    },
-    tickContainer: {
-        width: 10,
-        alignItems: 'center',
-    },
-    tickMark: {
-        width: 2,
-        height: 12,
-        backgroundColor: '#3b4353',
-        borderRadius: 1,
-    },
-    tickMarkMajor: {
-        height: 20,
-        backgroundColor: '#8892b0',
-    },
-    centerPointer: {
-        position: 'absolute',
-        width: 2,
-        height: 28,
-        backgroundColor: '#6c63ff',
-        borderRadius: 1,
-    },
-});

package/dist/filament/editor/boneSnap.d.ts

@@ -1,10 +0,0 @@
-import type { AssetPlacement } from '../../wardrobe/wardrobeStore';
-export declare const HUMANOID_BONES: Record<string, [number, number, number]>;
-export declare function findNearestBone(position: [number, number, number]): {
-    bone: string;
-    distance: number;
-    position: [number, number, number];
-};
-export declare function getWorldPositionForPlacement(placement: Pick<AssetPlacement, 'bone' | 'position'>): [number, number, number];
-export declare function snapPlacementToNearestBone(placement: AssetPlacement): AssetPlacement;
-export declare function useBoneSnap(): () => void;

package/dist/filament/editor/boneSnap.js

@@ -1,97 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBoneSnap = exports.snapPlacementToNearestBone = exports.getWorldPositionForPlacement = exports.findNearestBone = exports.HUMANOID_BONES = void 0;
-const react_1 = require("react");
-const Haptics = __importStar(require("expo-haptics"));
-const wardrobeStore_1 = require("../../wardrobe/wardrobeStore");
-exports.HUMANOID_BONES = {
-    Head: [0, 0.12, 0],
-    Neck: [0, 1.5, 0],
-    Spine: [0, 1.0, 0],
-    RightHand: [0.8, 1.0, 0],
-    LeftHand: [-0.8, 1.0, 0],
-    RightFoot: [0.2, 0.1, 0],
-    LeftFoot: [-0.2, 0.1, 0],
-};
-function findNearestBone(position) {
-    let nearestBone = 'Head';
-    let minDistance = Infinity;
-    let nearestPos = [0, 1.7, 0];
-    const [px, py, pz] = position;
-    for (const [bone, pos] of Object.entries(exports.HUMANOID_BONES)) {
-        const [bx, by, bz] = pos;
-        const distance = Math.sqrt((px - bx) * (px - bx) +
-            (py - by) * (py - by) +
-            (pz - bz) * (pz - bz));
-        if (distance < minDistance) {
-            minDistance = distance;
-            nearestBone = bone;
-            nearestPos = pos;
-        }
-    }
-    return {
-        bone: nearestBone,
-        distance: minDistance,
-        position: nearestPos,
-    };
-}
-exports.findNearestBone = findNearestBone;
-function getWorldPositionForPlacement(placement) {
-    const bonePos = exports.HUMANOID_BONES[placement.bone] ?? exports.HUMANOID_BONES['Head'];
-    return [
-        bonePos[0] + placement.position[0],
-        bonePos[1] + placement.position[1],
-        bonePos[2] + placement.position[2],
-    ];
-}
-exports.getWorldPositionForPlacement = getWorldPositionForPlacement;
-function snapPlacementToNearestBone(placement) {
-    const nearest = findNearestBone(getWorldPositionForPlacement(placement));
-    return {
-        ...placement,
-        bone: nearest.bone,
-        position: [0, 0, 0],
-    };
-}
-exports.snapPlacementToNearestBone = snapPlacementToNearestBone;
-function useBoneSnap() {
-    const activeAssetId = (0, wardrobeStore_1.useWardrobeStore)((state) => state.activeAssetId);
-    const placements = (0, wardrobeStore_1.useWardrobeStore)((state) => state.placements);
-    const setPlacement = (0, wardrobeStore_1.useWardrobeStore)((state) => state.setPlacement);
-    const snap = (0, react_1.useCallback)(() => {
-        if (!activeAssetId)
-            return;
-        const placement = placements[activeAssetId];
-        if (!placement)
-            return;
-        setPlacement(activeAssetId, snapPlacementToNearestBone(placement));
-        Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Heavy).catch(() => {
-            // Ignore if haptics fail or aren't supported
-        });
-    }, [activeAssetId, placements, setPlacement]);
-    return snap;
-}
-exports.useBoneSnap = useBoneSnap;

package/dist/filament/editor/index.d.ts

@@ -1,5 +0,0 @@
-export { FilamentEditor } from './FilamentEditor';
-export type { FilamentEditorProps } from './FilamentEditor';
-export { default as PrecisionPanel } from './PrecisionPanel';
-export { studioTheme, withAlpha } from './studioTheme';
-export { HUMANOID_BONES, findNearestBone, getWorldPositionForPlacement, snapPlacementToNearestBone, useBoneSnap, } from './boneSnap';

package/dist/filament/editor/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBoneSnap = exports.snapPlacementToNearestBone = exports.getWorldPositionForPlacement = exports.findNearestBone = exports.HUMANOID_BONES = exports.withAlpha = exports.studioTheme = exports.PrecisionPanel = exports.FilamentEditor = void 0;
-var FilamentEditor_1 = require("./FilamentEditor");
-Object.defineProperty(exports, "FilamentEditor", { enumerable: true, get: function () { return FilamentEditor_1.FilamentEditor; } });
-var PrecisionPanel_1 = require("./PrecisionPanel");
-Object.defineProperty(exports, "PrecisionPanel", { enumerable: true, get: function () { return __importDefault(PrecisionPanel_1).default; } });
-var studioTheme_1 = require("./studioTheme");
-Object.defineProperty(exports, "studioTheme", { enumerable: true, get: function () { return studioTheme_1.studioTheme; } });
-Object.defineProperty(exports, "withAlpha", { enumerable: true, get: function () { return studioTheme_1.withAlpha; } });
-var boneSnap_1 = require("./boneSnap");
-Object.defineProperty(exports, "HUMANOID_BONES", { enumerable: true, get: function () { return boneSnap_1.HUMANOID_BONES; } });
-Object.defineProperty(exports, "findNearestBone", { enumerable: true, get: function () { return boneSnap_1.findNearestBone; } });
-Object.defineProperty(exports, "getWorldPositionForPlacement", { enumerable: true, get: function () { return boneSnap_1.getWorldPositionForPlacement; } });
-Object.defineProperty(exports, "snapPlacementToNearestBone", { enumerable: true, get: function () { return boneSnap_1.snapPlacementToNearestBone; } });
-Object.defineProperty(exports, "useBoneSnap", { enumerable: true, get: function () { return boneSnap_1.useBoneSnap; } });

package/dist/filament/editor/studioTheme.d.ts

@@ -1,86 +0,0 @@
-export declare const studioTheme: {
-    readonly colors: {
-        readonly background: "#111315";
-        readonly backgroundAlt: "#191d20";
-        readonly surface: "#1c2125";
-        readonly surfaceRaised: "#252b30";
-        readonly surfaceSoft: "#2b3238";
-        readonly border: "#394249";
-        readonly borderStrong: "#53606a";
-        readonly textPrimary: "#f6efe4";
-        readonly textSecondary: "#cabfaa";
-        readonly textMuted: "#8b847a";
-        readonly accent: "#ff7a59";
-        readonly accentStrong: "#ff9c72";
-        readonly accentMuted: "rgba(255, 122, 89, 0.16)";
-        readonly success: "#69c08a";
-        readonly danger: "#f07a7a";
-        readonly shadow: "rgba(0, 0, 0, 0.32)";
-        readonly haze: "rgba(255, 255, 255, 0.05)";
-    };
-    readonly spacing: {
-        readonly xs: 6;
-        readonly sm: 10;
-        readonly md: 16;
-        readonly lg: 22;
-        readonly xl: 28;
-        readonly xxl: 36;
-    };
-    readonly radius: {
-        readonly sm: 12;
-        readonly md: 18;
-        readonly lg: 24;
-        readonly pill: 999;
-    };
-    readonly shadow: {
-        readonly glow: {
-            readonly shadowColor: "#000000";
-            readonly shadowOffset: {
-                readonly width: 0;
-                readonly height: 10;
-            };
-            readonly shadowOpacity: 0.24;
-            readonly shadowRadius: 24;
-            readonly elevation: 10;
-        };
-        readonly card: {
-            readonly shadowColor: "#000000";
-            readonly shadowOffset: {
-                readonly width: 0;
-                readonly height: 8;
-            };
-            readonly shadowOpacity: 0.16;
-            readonly shadowRadius: 18;
-            readonly elevation: 6;
-        };
-    };
-    readonly type: {
-        readonly eyebrow: {
-            readonly fontSize: 12;
-            readonly fontWeight: "700";
-            readonly letterSpacing: 1.6;
-            readonly textTransform: "uppercase";
-        };
-        readonly sectionTitle: {
-            readonly fontSize: 24;
-            readonly fontWeight: "700";
-            readonly letterSpacing: 0.2;
-        };
-        readonly body: {
-            readonly fontSize: 15;
-            readonly lineHeight: 22;
-            readonly fontWeight: "500";
-        };
-        readonly bodySmall: {
-            readonly fontSize: 13;
-            readonly lineHeight: 18;
-            readonly fontWeight: "500";
-        };
-        readonly button: {
-            readonly fontSize: 15;
-            readonly fontWeight: "700";
-            readonly letterSpacing: 0.2;
-        };
-    };
-};
-export declare function withAlpha(hexOrRgb: string, alphaHex: string): string;

package/dist/filament/editor/studioTheme.js

@@ -1,89 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withAlpha = exports.studioTheme = void 0;
-exports.studioTheme = {
-    colors: {
-        background: '#111315',
-        backgroundAlt: '#191d20',
-        surface: '#1c2125',
-        surfaceRaised: '#252b30',
-        surfaceSoft: '#2b3238',
-        border: '#394249',
-        borderStrong: '#53606a',
-        textPrimary: '#f6efe4',
-        textSecondary: '#cabfaa',
-        textMuted: '#8b847a',
-        accent: '#ff7a59',
-        accentStrong: '#ff9c72',
-        accentMuted: 'rgba(255, 122, 89, 0.16)',
-        success: '#69c08a',
-        danger: '#f07a7a',
-        shadow: 'rgba(0, 0, 0, 0.32)',
-        haze: 'rgba(255, 255, 255, 0.05)',
-    },
-    spacing: {
-        xs: 6,
-        sm: 10,
-        md: 16,
-        lg: 22,
-        xl: 28,
-        xxl: 36,
-    },
-    radius: {
-        sm: 12,
-        md: 18,
-        lg: 24,
-        pill: 999,
-    },
-    shadow: {
-        glow: {
-            shadowColor: '#000000',
-            shadowOffset: { width: 0, height: 10 },
-            shadowOpacity: 0.24,
-            shadowRadius: 24,
-            elevation: 10,
-        },
-        card: {
-            shadowColor: '#000000',
-            shadowOffset: { width: 0, height: 8 },
-            shadowOpacity: 0.16,
-            shadowRadius: 18,
-            elevation: 6,
-        },
-    },
-    type: {
-        eyebrow: {
-            fontSize: 12,
-            fontWeight: '700',
-            letterSpacing: 1.6,
-            textTransform: 'uppercase',
-        },
-        sectionTitle: {
-            fontSize: 24,
-            fontWeight: '700',
-            letterSpacing: 0.2,
-        },
-        body: {
-            fontSize: 15,
-            lineHeight: 22,
-            fontWeight: '500',
-        },
-        bodySmall: {
-            fontSize: 13,
-            lineHeight: 18,
-            fontWeight: '500',
-        },
-        button: {
-            fontSize: 15,
-            fontWeight: '700',
-            letterSpacing: 0.2,
-        },
-    },
-};
-function withAlpha(hexOrRgb, alphaHex) {
-    if (hexOrRgb.startsWith('#')) {
-        return `${hexOrRgb}${alphaHex}`;
-    }
-    return hexOrRgb;
-}
-exports.withAlpha = withAlpha;

package/dist/filament/index.d.ts

@@ -1,6 +0,0 @@
-export { FilamentAvatar } from './FilamentAvatar';
-export type { FilamentAvatarRef } from './FilamentAvatar';
-export { useAuthedFilamentUri } from './useAuthedFilamentUri';
-export type { AuthedFileResult } from './useAuthedFilamentUri';
-export * from './morphTables';
-export { FACE_SQUEEZE_LOCAL_MODULE } from './faceSqueezeAssets';