@snailycfx/stylesheet 1.0.10

package/out/core/writer/init.luau

@@ -0,0 +1,505 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local parseColor = TS.import(script, script.Parent, "parse", "color").parseColor
+local parseUDim = TS.import(script, script.Parent, "parse", "udim").parseUDim
+--[[
+	*
+	 * Escribe propiedades visuales en una instancia.
+	 * Solo escribe propiedades que hayan cambiado respecto al último estilo aplicado.
+	 * NO escribe Position ni Size — responsabilidad del engine.
+	 
+]]
+local writeBackground, writeBorder, writeText, writeMisc
+local function writeVisual(instance, style, prev)
+	writeBackground(instance, style, prev)
+	writeBorder(instance, style, prev)
+	writeText(instance, style, prev)
+	writeMisc(instance, style, prev)
+end
+-- ── Helpers ───────────────────────────────────────────────────────────────────
+local function getOrCreateUICorner(parent)
+	local existing = parent:FindFirstChild("__corner")
+	if existing then
+		return existing
+	end
+	local i = Instance.new("UICorner")
+	i.Name = "__corner"
+	i.Parent = parent
+	return i
+end
+local function getOrCreateUIStroke(parent)
+	local existing = parent:FindFirstChild("__stroke")
+	if existing then
+		return existing
+	end
+	local i = Instance.new("UIStroke")
+	i.Name = "__stroke"
+	i.Parent = parent
+	return i
+end
+local function getOrCreateUIGradient(parent)
+	local existing = parent:FindFirstChild("__gradient")
+	if existing then
+		return existing
+	end
+	local i = Instance.new("UIGradient")
+	i.Name = "__gradient"
+	i.Parent = parent
+	return i
+end
+local function getOrCreateUIPadding(parent)
+	local existing = parent:FindFirstChild("__padding")
+	if existing then
+		return existing
+	end
+	local i = Instance.new("UIPadding")
+	i.Name = "__padding"
+	i.Parent = parent
+	return i
+end
+local function removeChild(parent, name)
+	local _result = parent:FindFirstChild(name)
+	if _result ~= nil then
+		_result:Destroy()
+	end
+end
+-- ── Background ────────────────────────────────────────────────────────────────
+function writeBackground(instance, style, prev)
+	local _exp = style.backgroundColor
+	local _result = prev
+	if _result ~= nil then
+		_result = _result.backgroundColor
+	end
+	if _exp ~= _result then
+		if style.backgroundColor ~= nil then
+			instance.BackgroundColor3 = parseColor(style.backgroundColor)
+		end
+	end
+	local _exp_1 = style.backgroundTransparency
+	local _result_1 = prev
+	if _result_1 ~= nil then
+		_result_1 = _result_1.backgroundTransparency
+	end
+	if _exp_1 ~= _result_1 then
+		if style.backgroundTransparency ~= nil then
+			instance.BackgroundTransparency = style.backgroundTransparency
+		end
+	end
+	local _exp_2 = style.backgroundGradient
+	local _result_2 = prev
+	if _result_2 ~= nil then
+		_result_2 = _result_2.backgroundGradient
+	end
+	if _exp_2 ~= _result_2 then
+		if style.backgroundGradient ~= nil then
+			local gradient = getOrCreateUIGradient(instance)
+			local _condition = style.backgroundGradient.rotation
+			if _condition == nil then
+				_condition = 0
+			end
+			gradient.Rotation = _condition
+			local _exp_3 = style.backgroundGradient.stops
+			-- ▼ ReadonlyArray.map ▼
+			local _newValue = table.create(#_exp_3)
+			local _callback = function(s)
+				return ColorSequenceKeypoint.new(s.position, parseColor(s.color))
+			end
+			for _k, _v in _exp_3 do
+				_newValue[_k] = _callback(_v, _k - 1, _exp_3)
+			end
+			-- ▲ ReadonlyArray.map ▲
+			gradient.Color = ColorSequence.new(_newValue)
+		else
+			removeChild(instance, "__gradient")
+		end
+	end
+end
+-- ── Border ────────────────────────────────────────────────────────────────────
+function writeBorder(instance, style, prev)
+	local _exp = style.borderRadius
+	local _result = prev
+	if _result ~= nil then
+		_result = _result.borderRadius
+	end
+	if _exp ~= _result then
+		if style.borderRadius ~= nil then
+			getOrCreateUICorner(instance).CornerRadius = UDim.new(0, style.borderRadius)
+		else
+			removeChild(instance, "__corner")
+		end
+	end
+	local _exp_1 = style.borderWidth
+	local _result_1 = prev
+	if _result_1 ~= nil then
+		_result_1 = _result_1.borderWidth
+	end
+	local _condition = _exp_1 ~= _result_1
+	if not _condition then
+		local _exp_2 = style.borderColor
+		local _result_2 = prev
+		if _result_2 ~= nil then
+			_result_2 = _result_2.borderColor
+		end
+		_condition = _exp_2 ~= _result_2
+		if not _condition then
+			local _exp_3 = style.borderTransparency
+			local _result_3 = prev
+			if _result_3 ~= nil then
+				_result_3 = _result_3.borderTransparency
+			end
+			_condition = _exp_3 ~= _result_3
+		end
+	end
+	local borderChanged = _condition
+	if borderChanged then
+		local hasBorder = style.borderWidth ~= nil or style.borderColor ~= nil or style.borderTransparency ~= nil
+		if hasBorder then
+			local stroke = getOrCreateUIStroke(instance)
+			local _condition_1 = style.borderColor ~= nil
+			if _condition_1 then
+				local _exp_2 = style.borderColor
+				local _result_2 = prev
+				if _result_2 ~= nil then
+					_result_2 = _result_2.borderColor
+				end
+				_condition_1 = _exp_2 ~= _result_2
+			end
+			if _condition_1 then
+				stroke.Color = parseColor(style.borderColor)
+			end
+			local _condition_2 = style.borderWidth ~= nil
+			if _condition_2 then
+				local _exp_2 = style.borderWidth
+				local _result_2 = prev
+				if _result_2 ~= nil then
+					_result_2 = _result_2.borderWidth
+				end
+				_condition_2 = _exp_2 ~= _result_2
+			end
+			if _condition_2 then
+				stroke.Thickness = style.borderWidth
+			end
+			local _condition_3 = style.borderTransparency ~= nil
+			if _condition_3 then
+				local _exp_2 = style.borderTransparency
+				local _result_2 = prev
+				if _result_2 ~= nil then
+					_result_2 = _result_2.borderTransparency
+				end
+				_condition_3 = _exp_2 ~= _result_2
+			end
+			if _condition_3 then
+				stroke.Transparency = style.borderTransparency
+			end
+		else
+			removeChild(instance, "__stroke")
+		end
+	end
+end
+-- ── Text ──────────────────────────────────────────────────────────────────────
+local TEXT_X = {
+	left = Enum.TextXAlignment.Left,
+	center = Enum.TextXAlignment.Center,
+	right = Enum.TextXAlignment.Right,
+}
+local TEXT_Y = {
+	top = Enum.TextYAlignment.Top,
+	center = Enum.TextYAlignment.Center,
+	bottom = Enum.TextYAlignment.Bottom,
+}
+function writeText(instance, style, prev)
+	local isText = instance:IsA("TextLabel") or instance:IsA("TextButton") or instance:IsA("TextBox")
+	if not isText then
+		return nil
+	end
+	local text = instance
+	local _exp = style.color
+	local _result = prev
+	if _result ~= nil then
+		_result = _result.color
+	end
+	local _condition = _exp ~= _result
+	if _condition then
+		_condition = style.color ~= nil
+	end
+	if _condition then
+		text.TextColor3 = parseColor(style.color)
+	end
+	local _exp_1 = style.fontSize
+	local _result_1 = prev
+	if _result_1 ~= nil then
+		_result_1 = _result_1.fontSize
+	end
+	local _condition_1 = _exp_1 ~= _result_1
+	if _condition_1 then
+		_condition_1 = style.fontSize ~= nil
+	end
+	if _condition_1 then
+		text.TextSize = style.fontSize
+	end
+	local _exp_2 = style.fontFamily
+	local _result_2 = prev
+	if _result_2 ~= nil then
+		_result_2 = _result_2.fontFamily
+	end
+	local _condition_2 = _exp_2 ~= _result_2
+	if _condition_2 then
+		_condition_2 = style.fontFamily ~= nil
+	end
+	if _condition_2 then
+		text.Font = style.fontFamily
+	end
+	local _exp_3 = style.textTransparency
+	local _result_3 = prev
+	if _result_3 ~= nil then
+		_result_3 = _result_3.textTransparency
+	end
+	local _condition_3 = _exp_3 ~= _result_3
+	if _condition_3 then
+		_condition_3 = style.textTransparency ~= nil
+	end
+	if _condition_3 then
+		text.TextTransparency = style.textTransparency
+	end
+	local _exp_4 = style.textScaled
+	local _result_4 = prev
+	if _result_4 ~= nil then
+		_result_4 = _result_4.textScaled
+	end
+	local _condition_4 = _exp_4 ~= _result_4
+	if _condition_4 then
+		_condition_4 = style.textScaled ~= nil
+	end
+	if _condition_4 then
+		text.TextScaled = style.textScaled
+	end
+	local _exp_5 = style.textWrapped
+	local _result_5 = prev
+	if _result_5 ~= nil then
+		_result_5 = _result_5.textWrapped
+	end
+	local _condition_5 = _exp_5 ~= _result_5
+	if _condition_5 then
+		_condition_5 = style.textWrapped ~= nil
+	end
+	if _condition_5 then
+		text.TextWrapped = style.textWrapped
+	end
+	local _exp_6 = style.lineHeight
+	local _result_6 = prev
+	if _result_6 ~= nil then
+		_result_6 = _result_6.lineHeight
+	end
+	local _condition_6 = _exp_6 ~= _result_6
+	if _condition_6 then
+		_condition_6 = style.lineHeight ~= nil
+	end
+	if _condition_6 then
+		text.LineHeight = style.lineHeight
+	end
+	local _exp_7 = style.textAlign
+	local _result_7 = prev
+	if _result_7 ~= nil then
+		_result_7 = _result_7.textAlign
+	end
+	local _condition_7 = _exp_7 ~= _result_7
+	if _condition_7 then
+		_condition_7 = style.textAlign ~= nil
+	end
+	if _condition_7 then
+		text.TextXAlignment = TEXT_X[style.textAlign] or Enum.TextXAlignment.Left
+	end
+	local _exp_8 = style.verticalAlign
+	local _result_8 = prev
+	if _result_8 ~= nil then
+		_result_8 = _result_8.verticalAlign
+	end
+	local _condition_8 = _exp_8 ~= _result_8
+	if _condition_8 then
+		_condition_8 = style.verticalAlign ~= nil
+	end
+	if _condition_8 then
+		text.TextYAlignment = TEXT_Y[style.verticalAlign] or Enum.TextYAlignment.Center
+	end
+end
+-- ── Misc ──────────────────────────────────────────────────────────────────────
+function writeMisc(instance, style, prev)
+	local _exp = style.visible
+	local _result = prev
+	if _result ~= nil then
+		_result = _result.visible
+	end
+	local _condition = _exp ~= _result
+	if _condition then
+		_condition = style.visible ~= nil
+	end
+	if _condition then
+		instance.Visible = style.visible
+	end
+	local _exp_1 = style.zIndex
+	local _result_1 = prev
+	if _result_1 ~= nil then
+		_result_1 = _result_1.zIndex
+	end
+	local _condition_1 = _exp_1 ~= _result_1
+	if _condition_1 then
+		_condition_1 = style.zIndex ~= nil
+	end
+	if _condition_1 then
+		instance.ZIndex = style.zIndex
+	end
+	local _exp_2 = style.pointerEvents
+	local _result_2 = prev
+	if _result_2 ~= nil then
+		_result_2 = _result_2.pointerEvents
+	end
+	local _condition_2 = _exp_2 ~= _result_2
+	if _condition_2 then
+		_condition_2 = style.pointerEvents ~= nil
+	end
+	if _condition_2 then
+		instance.Active = style.pointerEvents == "auto"
+	end
+	local _exp_3 = style.overflow
+	local _result_3 = prev
+	if _result_3 ~= nil then
+		_result_3 = _result_3.overflow
+	end
+	local _condition_3 = _exp_3 ~= _result_3
+	if _condition_3 then
+		_condition_3 = style.overflow ~= nil
+	end
+	if _condition_3 then
+		instance.ClipsDescendants = style.overflow == "hidden"
+	end
+	local _exp_4 = style.opacity
+	local _result_4 = prev
+	if _result_4 ~= nil then
+		_result_4 = _result_4.opacity
+	end
+	local _condition_4 = _exp_4 ~= _result_4
+	if _condition_4 then
+		_condition_4 = style.opacity ~= nil
+	end
+	if _condition_4 then
+		local t = 1 - style.opacity
+		instance.BackgroundTransparency = t
+		if instance:IsA("TextLabel") or instance:IsA("TextButton") or instance:IsA("TextBox") then
+			instance.TextTransparency = t
+		end
+		if instance:IsA("ImageLabel") or instance:IsA("ImageButton") then
+			instance.ImageTransparency = t
+		end
+	end
+	-- Padding — solo si algo cambió
+	local _exp_5 = style.padding
+	local _result_5 = prev
+	if _result_5 ~= nil then
+		_result_5 = _result_5.padding
+	end
+	local _condition_5 = _exp_5 ~= _result_5
+	if not _condition_5 then
+		local _exp_6 = style.paddingX
+		local _result_6 = prev
+		if _result_6 ~= nil then
+			_result_6 = _result_6.paddingX
+		end
+		_condition_5 = _exp_6 ~= _result_6
+		if not _condition_5 then
+			local _exp_7 = style.paddingY
+			local _result_7 = prev
+			if _result_7 ~= nil then
+				_result_7 = _result_7.paddingY
+			end
+			_condition_5 = _exp_7 ~= _result_7
+			if not _condition_5 then
+				local _exp_8 = style.paddingTop
+				local _result_8 = prev
+				if _result_8 ~= nil then
+					_result_8 = _result_8.paddingTop
+				end
+				_condition_5 = _exp_8 ~= _result_8
+				if not _condition_5 then
+					local _exp_9 = style.paddingBottom
+					local _result_9 = prev
+					if _result_9 ~= nil then
+						_result_9 = _result_9.paddingBottom
+					end
+					_condition_5 = _exp_9 ~= _result_9
+					if not _condition_5 then
+						local _exp_10 = style.paddingLeft
+						local _result_10 = prev
+						if _result_10 ~= nil then
+							_result_10 = _result_10.paddingLeft
+						end
+						_condition_5 = _exp_10 ~= _result_10
+						if not _condition_5 then
+							local _exp_11 = style.paddingRight
+							local _result_11 = prev
+							if _result_11 ~= nil then
+								_result_11 = _result_11.paddingRight
+							end
+							_condition_5 = _exp_11 ~= _result_11
+						end
+					end
+				end
+			end
+		end
+	end
+	local paddingChanged = _condition_5
+	if paddingChanged then
+		local hasPadding = style.padding ~= nil or style.paddingX ~= nil or style.paddingY ~= nil or style.paddingTop ~= nil or style.paddingBottom ~= nil or style.paddingLeft ~= nil or style.paddingRight ~= nil
+		if hasPadding then
+			local pad = getOrCreateUIPadding(instance)
+			local _condition_6 = style.paddingTop
+			if _condition_6 == nil then
+				_condition_6 = style.paddingY
+				if _condition_6 == nil then
+					_condition_6 = style.padding
+					if _condition_6 == nil then
+						_condition_6 = 0
+					end
+				end
+			end
+			pad.PaddingTop = parseUDim(_condition_6)
+			local _condition_7 = style.paddingBottom
+			if _condition_7 == nil then
+				_condition_7 = style.paddingY
+				if _condition_7 == nil then
+					_condition_7 = style.padding
+					if _condition_7 == nil then
+						_condition_7 = 0
+					end
+				end
+			end
+			pad.PaddingBottom = parseUDim(_condition_7)
+			local _condition_8 = style.paddingLeft
+			if _condition_8 == nil then
+				_condition_8 = style.paddingX
+				if _condition_8 == nil then
+					_condition_8 = style.padding
+					if _condition_8 == nil then
+						_condition_8 = 0
+					end
+				end
+			end
+			pad.PaddingLeft = parseUDim(_condition_8)
+			local _condition_9 = style.paddingRight
+			if _condition_9 == nil then
+				_condition_9 = style.paddingX
+				if _condition_9 == nil then
+					_condition_9 = style.padding
+					if _condition_9 == nil then
+						_condition_9 = 0
+					end
+				end
+			end
+			pad.PaddingRight = parseUDim(_condition_9)
+		else
+			removeChild(instance, "__padding")
+		end
+	end
+end
+return {
+	writeVisual = writeVisual,
+}

package/out/elements/index.d.ts

@@ -0,0 +1,44 @@
+import React from "@rbxts/react";
+import type { RbxStyle } from "../core";
+interface BaseProps {
+    style?: RbxStyle;
+    className?: RbxStyle;
+    children?: React.ReactNode;
+    layoutOrder?: number;
+}
+interface InteractiveProps extends BaseProps {
+    onClick?: () => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    disabled?: boolean;
+}
+export declare function div(props: BaseProps): React.ReactElement;
+export declare function span(props: BaseProps & {
+    text?: string;
+    richText?: boolean;
+}): React.ReactElement;
+export declare function button(props: InteractiveProps & {
+    text?: string;
+}): React.ReactElement;
+export declare function img(props: BaseProps & {
+    src: string;
+    scaleType?: "fit" | "crop" | "stretch" | "tile";
+}): React.ReactElement;
+export declare function input(props: BaseProps & {
+    placeholder?: string;
+    value?: string;
+    onChanged?: (text: string) => void;
+    clearOnFocus?: boolean;
+}): React.ReactElement;
+export declare function ul(props: BaseProps & {
+    scrollDirection?: "vertical" | "horizontal";
+    scrollBarThickness?: number;
+}): React.ReactElement;
+export declare function canvas(props: BaseProps): React.ReactElement;
+export declare function video(props: BaseProps & {
+    src: string;
+    looped?: boolean;
+    playing?: boolean;
+}): React.ReactElement;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/out/elements/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/elements/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,cAAc,CAAA;AACnE,OAAO,KAAK,EAAE,QAAQ,EAAc,MAAM,SAAS,CAAA;AAUnD,UAAU,SAAS;IAClB,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,UAAU,gBAAiB,SAAQ,SAAS;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB;AAgGD,wBAAgB,GAAG,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAUxD;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,KAAK,CAAC,YAAY,CAkBjG;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,gBAAgB,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,YAAY,CAuBtF;AAED,wBAAgB,GAAG,CAAC,KAAK,EAAE,SAAS,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,YAAY,CAuB3H;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,GAAG;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,YAAY,CAAC,EAAE,OAAO,CAAA;CACtB,GAAG,KAAK,CAAC,YAAY,CAmBrB;AAED,wBAAgB,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG;IACrC,eAAe,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC3B,GAAG,KAAK,CAAC,YAAY,CA2BrB;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAU3D;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,KAAK,CAAC,YAAY,CAkBjH"}