@snailycfx/stylesheet 1.0.10

package/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "js/ts.tsdk.path": "node_modules\\typescript\\lib"
+}

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Snaily
+
+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/out/core/engine/absolute.d.ts

@@ -0,0 +1,10 @@
+import type { LayoutNode } from "./node";
+export interface AbsoluteLayout {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    containingBlock: LayoutNode;
+}
+export declare function computeAbsoluteLayout(node: LayoutNode): AbsoluteLayout;
+//# sourceMappingURL=absolute.d.ts.map

package/out/core/engine/absolute.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"absolute.d.ts","sourceRoot":"","sources":["../../../src/core/engine/absolute.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAIxC,MAAM,WAAW,cAAc;IAC9B,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,eAAe,EAAE,UAAU,CAAA;CAC3B;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,UAAU,GAAG,cAAc,CAuDtE"}

package/out/core/engine/absolute.luau

@@ -0,0 +1,86 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local findContainingBlockForAbsolute = TS.import(script, script.Parent, "node").findContainingBlockForAbsolute
+local resolvePixels = TS.import(script, script.Parent.Parent, "parse").resolvePixels
+local function computeAbsoluteLayout(node)
+	local cb = findContainingBlockForAbsolute(node)
+	local cbW = cb.computedWidth
+	local cbH = cb.computedHeight
+	local style = node.style
+	local hasLeft = style.left ~= nil
+	local hasRight = style.right ~= nil
+	local hasTop = style.top ~= nil
+	local hasBottom = style.bottom ~= nil
+	local hasWidth = style.width ~= nil
+	local hasHeight = style.height ~= nil
+	local leftPx = if hasLeft then resolvePixels(style.left, cbW) else nil
+	local rightPx = if hasRight then resolvePixels(style.right, cbW) else nil
+	local topPx = if hasTop then resolvePixels(style.top, cbH) else nil
+	local bottomPx = if hasBottom then resolvePixels(style.bottom, cbH) else nil
+	local widthPx = if hasWidth then resolvePixels(style.width, cbW) else nil
+	local heightPx = if hasHeight then resolvePixels(style.height, cbH) else nil
+	local x
+	local width
+	if leftPx ~= nil and rightPx ~= nil and widthPx == nil then
+		x = leftPx
+		width = cbW - leftPx - rightPx
+	elseif leftPx ~= nil then
+		x = leftPx
+		local _condition = widthPx
+		if _condition == nil then
+			_condition = 0
+		end
+		width = _condition
+	elseif rightPx ~= nil then
+		local _condition = widthPx
+		if _condition == nil then
+			_condition = 0
+		end
+		width = _condition
+		x = cbW - rightPx - width
+	else
+		x = 0
+		local _condition = widthPx
+		if _condition == nil then
+			_condition = 0
+		end
+		width = _condition
+	end
+	local y
+	local height
+	if topPx ~= nil and bottomPx ~= nil and heightPx == nil then
+		y = topPx
+		height = cbH - topPx - bottomPx
+	elseif topPx ~= nil then
+		y = topPx
+		local _condition = heightPx
+		if _condition == nil then
+			_condition = 0
+		end
+		height = _condition
+	elseif bottomPx ~= nil then
+		local _condition = heightPx
+		if _condition == nil then
+			_condition = 0
+		end
+		height = _condition
+		y = cbH - bottomPx - height
+	else
+		y = 0
+		local _condition = heightPx
+		if _condition == nil then
+			_condition = 0
+		end
+		height = _condition
+	end
+	return {
+		x = x,
+		y = y,
+		width = width,
+		height = height,
+		containingBlock = cb,
+	}
+end
+return {
+	computeAbsoluteLayout = computeAbsoluteLayout,
+}

package/out/core/engine/flex.d.ts

@@ -0,0 +1,14 @@
+import type { LayoutNode } from "./node";
+export interface FlexLayout {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+/**
+ * Algoritmo Flexbox completo.
+ * Opera en píxeles absolutos — resolvePixels ya resolvió UDimValues antes de llegar aquí.
+ * Devuelve layouts en el mismo orden que node.children.
+ */
+export declare function computeFlexLayout(node: LayoutNode, containerWidth: number, containerHeight: number): FlexLayout[];
+//# sourceMappingURL=flex.d.ts.map

package/out/core/engine/flex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../src/core/engine/flex.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAIxC,MAAM,WAAW,UAAU;IAC1B,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACd;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAChC,IAAI,EAAE,UAAU,EAChB,cAAc,EAAE,MAAM,EACtB,eAAe,EAAE,MAAM,GACrB,UAAU,EAAE,CA6Ld"}

package/out/core/engine/flex.luau

@@ -0,0 +1,284 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local resolvePixels = TS.import(script, script.Parent.Parent, "parse").resolvePixels
+--[[
+	*
+	 * Algoritmo Flexbox completo.
+	 * Opera en píxeles absolutos — resolvePixels ya resolvió UDimValues antes de llegar aquí.
+	 * Devuelve layouts en el mismo orden que node.children.
+	 
+]]
+local function computeFlexLayout(node, containerWidth, containerHeight)
+	local style = node.style
+	local direction = style.flexDirection or "row"
+	local isRow = direction == "row" or direction == "row-reverse"
+	local isReverse = direction == "row-reverse" or direction == "column-reverse"
+	local wrap = style.flexWrap or "nowrap"
+	local justifyContent = style.justifyContent or "flex-start"
+	local alignItems = style.alignItems or "stretch"
+	local mainSize = if isRow then containerWidth else containerHeight
+	local crossSize = if isRow then containerHeight else containerWidth
+	local _condition = style.columnGap
+	if _condition == nil then
+		_condition = style.gap
+		if _condition == nil then
+			_condition = 0
+		end
+	end
+	local colGapPx = resolvePixels(_condition, containerWidth)
+	local _condition_1 = style.rowGap
+	if _condition_1 == nil then
+		_condition_1 = style.gap
+		if _condition_1 == nil then
+			_condition_1 = 0
+		end
+	end
+	local rowGapPx = resolvePixels(_condition_1, containerHeight)
+	local mainGap = if isRow then colGapPx else rowGapPx
+	local crossGap = if isRow then rowGapPx else colGapPx
+	-- Solo hijos en flujo
+	local inFlow = {}
+	for _, child in node.children do
+		if child.style.position ~= "absolute" then
+			table.insert(inFlow, child)
+		end
+	end
+	if #inFlow == 0 then
+		local _exp = node.children
+		-- ▼ ReadonlyArray.map ▼
+		local _newValue = table.create(#_exp)
+		local _callback = function()
+			return {
+				x = 0,
+				y = 0,
+				width = 0,
+				height = 0,
+			}
+		end
+		for _k, _v in _exp do
+			_newValue[_k] = _callback(_v, _k - 1, _exp)
+		end
+		-- ▲ ReadonlyArray.map ▲
+		return _newValue
+	end
+	-- ── Paso 1: métricas base por hijo ────────────────────────────────────────
+	local items = {}
+	for _, child in inFlow do
+		local cs = child.style
+		local flexBasis = if cs.flexBasis ~= nil and cs.flexBasis ~= "auto" then (cs.flexBasis) else nil
+		local _condition_2 = flexBasis
+		if _condition_2 == nil then
+			local _result
+			if isRow then
+				local _condition_3 = cs.width
+				if _condition_3 == nil then
+					_condition_3 = 0
+				end
+				_result = resolvePixels(_condition_3, containerWidth)
+			else
+				local _condition_3 = cs.height
+				if _condition_3 == nil then
+					_condition_3 = 0
+				end
+				_result = resolvePixels(_condition_3, containerHeight)
+			end
+			_condition_2 = _result
+		end
+		local mainBase = _condition_2
+		local _result
+		if isRow then
+			local _condition_3 = cs.height
+			if _condition_3 == nil then
+				_condition_3 = 0
+			end
+			_result = resolvePixels(_condition_3, containerHeight)
+		else
+			local _condition_3 = cs.width
+			if _condition_3 == nil then
+				_condition_3 = 0
+			end
+			_result = resolvePixels(_condition_3, containerWidth)
+		end
+		local crossBase = _result
+		local _condition_3 = cs.flexGrow
+		if _condition_3 == nil then
+			_condition_3 = (if cs.flex ~= nil then cs.flex else 0)
+		end
+		local flexGrow = _condition_3
+		local _condition_4 = cs.flexShrink
+		if _condition_4 == nil then
+			_condition_4 = 1
+		end
+		local flexShrink = _condition_4
+		local _arg0 = {
+			node = child,
+			mainBase = mainBase,
+			crossBase = crossBase,
+			flexGrow = flexGrow,
+			flexShrink = flexShrink,
+		}
+		table.insert(items, _arg0)
+	end
+	-- ── Paso 2: agrupar en líneas ─────────────────────────────────────────────
+	local lines = {}
+	if wrap == "nowrap" then
+		table.insert(lines, items)
+	else
+		local currentLine = {}
+		local currentMainSize = 0
+		for _, item in items do
+			local gapContrib = if #currentLine > 0 then mainGap else 0
+			if #currentLine > 0 and currentMainSize + gapContrib + item.mainBase > mainSize then
+				local _currentLine = currentLine
+				table.insert(lines, _currentLine)
+				currentLine = { item }
+				currentMainSize = item.mainBase
+			else
+				table.insert(currentLine, item)
+				currentMainSize += gapContrib + item.mainBase
+			end
+		end
+		if #currentLine > 0 then
+			local _currentLine = currentLine
+			table.insert(lines, _currentLine)
+		end
+	end
+	-- ── Paso 3: flex-grow / flex-shrink + align stretch ───────────────────────
+	for _, line in lines do
+		local totalGaps = mainGap * math.max(0, #line - 1)
+		local baseSum = 0
+		for _1, item in line do
+			baseSum += item.mainBase
+		end
+		local freeSpace = mainSize - totalGaps - baseSum
+		if freeSpace > 0 then
+			local totalGrow = 0
+			for _1, item in line do
+				totalGrow += item.flexGrow
+			end
+			if totalGrow > 0 then
+				for _1, item in line do
+					if item.flexGrow > 0 then
+						item.mainBase += (freeSpace * item.flexGrow) / totalGrow
+					end
+				end
+			end
+		elseif freeSpace < 0 then
+			local totalShrink = 0
+			for _1, item in line do
+				totalShrink += item.flexShrink * item.mainBase
+			end
+			if totalShrink > 0 then
+				for _1, item in line do
+					if item.flexShrink > 0 then
+						local ratio = (item.flexShrink * item.mainBase) / totalShrink
+						item.mainBase = math.max(0, item.mainBase + freeSpace * ratio)
+					end
+				end
+			end
+		end
+		-- stretch: usar crossSize del contenedor como fallback
+		local lineCrossSize = crossSize
+		for _1, item in line do
+			if item.crossBase > 0 then
+				lineCrossSize = math.max(lineCrossSize, item.crossBase)
+			end
+		end
+		for _1, item in line do
+			if alignItems == "stretch" and item.crossBase == 0 then
+				item.crossBase = lineCrossSize
+			end
+		end
+	end
+	-- ── Paso 4: calcular posiciones ───────────────────────────────────────────
+	-- Usamos tabla indexada en lugar de Map para evitar overhead de hashing
+	local resultIndex = {}
+	local crossOffset = 0
+	for _, line in lines do
+		local lineCrossSize = 0
+		for _1, item in line do
+			if item.crossBase > lineCrossSize then
+				lineCrossSize = item.crossBase
+			end
+		end
+		local totalMain = 0
+		for _1, item in line do
+			totalMain += item.mainBase
+		end
+		totalMain += mainGap * math.max(0, #line - 1)
+		local freeMain = mainSize - totalMain
+		local mainOffset = 0
+		local extraGap = 0
+		if justifyContent == "flex-end" then
+			mainOffset = freeMain
+		elseif justifyContent == "center" then
+			mainOffset = freeMain / 2
+		elseif justifyContent == "space-between" then
+			extraGap = if #line > 1 then freeMain / (#line - 1) else 0
+		elseif justifyContent == "space-around" then
+			extraGap = freeMain / #line
+			mainOffset = extraGap / 2
+		elseif justifyContent == "space-evenly" then
+			extraGap = freeMain / (#line + 1)
+			mainOffset = extraGap
+		end
+		-- Orden normal o reverso sin crear array nuevo
+		local lineSize = #line
+		do
+			local i = 0
+			local _shouldIncrement = false
+			while true do
+				if _shouldIncrement then
+					i += 1
+				else
+					_shouldIncrement = true
+				end
+				if not (i < lineSize) then
+					break
+				end
+				local item = if isReverse then line[lineSize - 1 - i + 1] else line[i + 1]
+				local crossPos = crossOffset
+				if alignItems == "center" then
+					crossPos += (lineCrossSize - item.crossBase) / 2
+				elseif alignItems == "flex-end" then
+					crossPos += lineCrossSize - item.crossBase
+				end
+				local _node = item.node
+				local _arg1 = {
+					x = if isRow then mainOffset else crossPos,
+					y = if isRow then crossPos else mainOffset,
+					width = if isRow then item.mainBase else item.crossBase,
+					height = if isRow then item.crossBase else item.mainBase,
+				}
+				resultIndex[_node] = _arg1
+				mainOffset += item.mainBase + mainGap + extraGap
+			end
+		end
+		crossOffset += lineCrossSize + crossGap
+	end
+	-- Devolver en orden de node.children (absolute incluidos con zeros)
+	local _exp = node.children
+	-- ▼ ReadonlyArray.map ▼
+	local _newValue = table.create(#_exp)
+	local _callback = function(child)
+		local _child = child
+		local _condition_2 = resultIndex[_child]
+		if _condition_2 == nil then
+			_condition_2 = {
+				x = 0,
+				y = 0,
+				width = 0,
+				height = 0,
+			}
+		end
+		return _condition_2
+	end
+	for _k, _v in _exp do
+		_newValue[_k] = _callback(_v, _k - 1, _exp)
+	end
+	-- ▲ ReadonlyArray.map ▲
+	return _newValue
+end
+return {
+	computeFlexLayout = computeFlexLayout,
+}

package/out/core/engine/grid.d.ts

@@ -0,0 +1,9 @@
+import type { LayoutNode } from "./node";
+export interface GridLayout {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export declare function computeGridLayout(node: LayoutNode, containerWidth: number, containerHeight: number): GridLayout[];
+//# sourceMappingURL=grid.d.ts.map

package/out/core/engine/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/core/engine/grid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAIxC,MAAM,WAAW,UAAU;IAC1B,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,iBAAiB,CAChC,IAAI,EAAE,UAAU,EAChB,cAAc,EAAE,MAAM,EACtB,eAAe,EAAE,MAAM,GACrB,UAAU,EAAE,CAwJd"}