@telia/teddy 0.0.4 → 0.0.5

package/dist/assets/grid.css

@@ -1 +1 @@
-._teddy-grid_ow8ev_1{box-sizing:border-box;--teddy-grid-display: grid;--teddy-grid-align: stretch;--teddy-grid-justify: start;--teddy-grid-columns: 1;--teddy-grid-rows: none;--teddy-grid-flow: row;--teddy-grid-gap: var(--teddy-spacing-100);display:var(--teddy-grid-display);align-items:var(--teddy-grid-align);justify-content:var(--teddy-grid-justify);grid-template-columns:repeat(var(--teddy-grid-columns),minmax(0,1fr));grid-template-rows:repeat(var(--teddy-grid-rows),minmax(0,1fr));grid-auto-flow:var(--teddy-grid-flow);gap:var(--teddy-grid-gap)}._teddy-grid--inline-grid_ow8ev_18{--teddy-grid-display: inline-grid}._teddy-grid--none_ow8ev_21{--teddy-grid-display: none}._teddy-grid--grid_ow8ev_24{--teddy-grid-display: grid}._teddy-grid--gap-0_ow8ev_27{--teddy-grid-gap: var(--teddy-spacing-0)}._teddy-grid--gap-10_ow8ev_30{--teddy-grid-gap: var(--teddy-spacing-10)}._teddy-grid--gap-25_ow8ev_33{--teddy-grid-gap: var(--teddy-spacing-25)}._teddy-grid--gap-50_ow8ev_36{--teddy-grid-gap: var(--teddy-spacing-50)}._teddy-grid--gap-100_ow8ev_39{--teddy-grid-gap: var(--teddy-spacing-100)}._teddy-grid--gap-150_ow8ev_42{--teddy-grid-gap: var(--teddy-spacing-150)}._teddy-grid--gap-200_ow8ev_45{--teddy-grid-gap: var(--teddy-spacing-200)}._teddy-grid--gap-250_ow8ev_48{--teddy-grid-gap: var(--teddy-spacing-250)}._teddy-grid--gap-300_ow8ev_51{--teddy-grid-gap: var(--teddy-spacing-300)}._teddy-grid--gap-400_ow8ev_54{--teddy-grid-gap: var(--teddy-spacing-400)}._teddy-grid--gap-600_ow8ev_57{--teddy-grid-gap: var(--teddy-spacing-600)}._teddy-grid--gap-800_ow8ev_60{--teddy-grid-gap: var(--teddy-spacing-800)}._teddy-grid--gap-1000_ow8ev_63{--teddy-grid-gap: var(--teddy-spacing-1000)}._teddy-grid--gap-1200_ow8ev_66{--teddy-grid-gap: var(--teddy-spacing-1200)}._teddy-grid--gap-1600_ow8ev_69{--teddy-grid-gap: var(--teddy-spacing-1600)}._teddy-grid--flow-row_ow8ev_72{--teddy-grid-flow: row}._teddy-grid--flow-column_ow8ev_75{--teddy-grid-flow: column}._teddy-grid--flow-dense_ow8ev_78{--teddy-grid-flow: dense}._teddy-grid--flow-row-dense_ow8ev_81{--teddy-grid-flow: row-dense}._teddy-grid--flow-column-dense_ow8ev_84{--teddy-grid-flow: column-dense}._teddy-grid--align-start_ow8ev_87{--teddy-grid-align: start}._teddy-grid--align-center_ow8ev_90{--teddy-grid-align: center}._teddy-grid--align-end_ow8ev_93{--teddy-grid-align: end}._teddy-grid--align-baseline_ow8ev_96{--teddy-grid-align: baseline}._teddy-grid--align-stretch_ow8ev_99{--teddy-grid-align: stretch}._teddy-grid--justify-start_ow8ev_102{--teddy-grid-justify: start}._teddy-grid--justify-center_ow8ev_105{--teddy-grid-justify: center}._teddy-grid--justify-end_ow8ev_108{--teddy-grid-justify: end}._teddy-grid--justify-between_ow8ev_111{--teddy-grid-justify: space-between}._teddy-grid--columns-none_ow8ev_114{--teddy-grid-columns: none}._teddy-grid--columns-1_ow8ev_117{--teddy-grid-columns: 1}._teddy-grid--columns-2_ow8ev_120{--teddy-grid-columns: 2}._teddy-grid--columns-3_ow8ev_123{--teddy-grid-columns: 3}._teddy-grid--columns-4_ow8ev_126{--teddy-grid-columns: 4}._teddy-grid--columns-5_ow8ev_129{--teddy-grid-columns: 5}._teddy-grid--columns-6_ow8ev_132{--teddy-grid-columns: 6}._teddy-grid--columns-7_ow8ev_135{--teddy-grid-columns: 7}._teddy-grid--columns-8_ow8ev_138{--teddy-grid-columns: 8}._teddy-grid--columns-9_ow8ev_141{--teddy-grid-columns: 9}._teddy-grid--columns-10_ow8ev_144{--teddy-grid-columns: 10}._teddy-grid--columns-11_ow8ev_147{--teddy-grid-columns: 11}._teddy-grid--columns-12_ow8ev_150{--teddy-grid-columns: 12}._teddy-grid--rows-none_ow8ev_153{--teddy-grid-rows: none}._teddy-grid--rows-1_ow8ev_156{--teddy-grid-rows: 1}._teddy-grid--rows-2_ow8ev_159{--teddy-grid-rows: 2}._teddy-grid--rows-3_ow8ev_162{--teddy-grid-rows: 3}._teddy-grid--rows-4_ow8ev_165{--teddy-grid-rows: 4}._teddy-grid--rows-5_ow8ev_168{--teddy-grid-rows: 5}._teddy-grid--rows-6_ow8ev_171{--teddy-grid-rows: 6}._teddy-grid--rows-7_ow8ev_174{--teddy-grid-rows: 7}._teddy-grid--rows-8_ow8ev_177{--teddy-grid-rows: 8}._teddy-grid--rows-9_ow8ev_180{--teddy-grid-rows: 9}._teddy-grid--rows-10_ow8ev_183{--teddy-grid-rows: 10}._teddy-grid--rows-11_ow8ev_186{--teddy-grid-rows: 11}._teddy-grid--rows-12_ow8ev_189{--teddy-grid-rows: 12}@media (min-width: 0px){._sm\:teddy-grid--inline-grid_ow8ev_194{--teddy-grid-display: inline-grid}._sm\:teddy-grid--none_ow8ev_197{--teddy-grid-display: none}._sm\:teddy-grid--grid_ow8ev_200{--teddy-grid-display: grid}._sm\:teddy-grid--gap-0_ow8ev_203{--teddy-grid-gap: var(--teddy-spacing-0)}._sm\:teddy-grid--gap-10_ow8ev_206{--teddy-grid-gap: var(--teddy-spacing-10)}._sm\:teddy-grid--gap-25_ow8ev_209{--teddy-grid-gap: var(--teddy-spacing-25)}._sm\:teddy-grid--gap-50_ow8ev_212{--teddy-grid-gap: var(--teddy-spacing-50)}._sm\:teddy-grid--gap-100_ow8ev_215{--teddy-grid-gap: var(--teddy-spacing-100)}._sm\:teddy-grid--gap-150_ow8ev_218{--teddy-grid-gap: var(--teddy-spacing-150)}._sm\:teddy-grid--gap-200_ow8ev_221{--teddy-grid-gap: var(--teddy-spacing-200)}._sm\:teddy-grid--gap-250_ow8ev_224{--teddy-grid-gap: var(--teddy-spacing-250)}._sm\:teddy-grid--gap-300_ow8ev_227{--teddy-grid-gap: var(--teddy-spacing-300)}._sm\:teddy-grid--gap-400_ow8ev_230{--teddy-grid-gap: var(--teddy-spacing-400)}._sm\:teddy-grid--gap-600_ow8ev_233{--teddy-grid-gap: var(--teddy-spacing-600)}._sm\:teddy-grid--gap-800_ow8ev_236{--teddy-grid-gap: var(--teddy-spacing-800)}._sm\:teddy-grid--gap-1000_ow8ev_239{--teddy-grid-gap: var(--teddy-spacing-1000)}._sm\:teddy-grid--gap-1200_ow8ev_242{--teddy-grid-gap: var(--teddy-spacing-1200)}._sm\:teddy-grid--gap-1600_ow8ev_245{--teddy-grid-gap: var(--teddy-spacing-1600)}._sm\:teddy-grid--flow-row_ow8ev_248{--teddy-grid-flow: row}._sm\:teddy-grid--flow-column_ow8ev_251{--teddy-grid-flow: column}._sm\:teddy-grid--flow-dense_ow8ev_254{--teddy-grid-flow: dense}._sm\:teddy-grid--flow-row-dense_ow8ev_257{--teddy-grid-flow: row-dense}._sm\:teddy-grid--flow-column-dense_ow8ev_260{--teddy-grid-flow: column-dense}._sm\:teddy-grid--align-start_ow8ev_263{--teddy-grid-align: start}._sm\:teddy-grid--align-center_ow8ev_266{--teddy-grid-align: center}._sm\:teddy-grid--align-end_ow8ev_269{--teddy-grid-align: end}._sm\:teddy-grid--align-baseline_ow8ev_272{--teddy-grid-align: baseline}._sm\:teddy-grid--align-stretch_ow8ev_275{--teddy-grid-align: stretch}._sm\:teddy-grid--justify-start_ow8ev_278{--teddy-grid-justify: start}._sm\:teddy-grid--justify-center_ow8ev_281{--teddy-grid-justify: center}._sm\:teddy-grid--justify-end_ow8ev_284{--teddy-grid-justify: end}._sm\:teddy-grid--justify-between_ow8ev_287{--teddy-grid-justify: space-between}._sm\:teddy-grid--columns-none_ow8ev_290{--teddy-grid-columns: none}._sm\:teddy-grid--columns-1_ow8ev_293{--teddy-grid-columns: 1}._sm\:teddy-grid--columns-2_ow8ev_296{--teddy-grid-columns: 2}._sm\:teddy-grid--columns-3_ow8ev_299{--teddy-grid-columns: 3}._sm\:teddy-grid--columns-4_ow8ev_302{--teddy-grid-columns: 4}._sm\:teddy-grid--columns-5_ow8ev_305{--teddy-grid-columns: 5}._sm\:teddy-grid--columns-6_ow8ev_308{--teddy-grid-columns: 6}._sm\:teddy-grid--columns-7_ow8ev_311{--teddy-grid-columns: 7}._sm\:teddy-grid--columns-8_ow8ev_314{--teddy-grid-columns: 8}._sm\:teddy-grid--columns-9_ow8ev_317{--teddy-grid-columns: 9}._sm\:teddy-grid--columns-10_ow8ev_320{--teddy-grid-columns: 10}._sm\:teddy-grid--columns-11_ow8ev_323{--teddy-grid-columns: 11}._sm\:teddy-grid--columns-12_ow8ev_326{--teddy-grid-columns: 12}._sm\:teddy-grid--rows-none_ow8ev_329{--teddy-grid-rows: none}._sm\:teddy-grid--rows-1_ow8ev_332{--teddy-grid-rows: 1}._sm\:teddy-grid--rows-2_ow8ev_335{--teddy-grid-rows: 2}._sm\:teddy-grid--rows-3_ow8ev_338{--teddy-grid-rows: 3}._sm\:teddy-grid--rows-4_ow8ev_341{--teddy-grid-rows: 4}._sm\:teddy-grid--rows-5_ow8ev_344{--teddy-grid-rows: 5}._sm\:teddy-grid--rows-6_ow8ev_347{--teddy-grid-rows: 6}._sm\:teddy-grid--rows-7_ow8ev_350{--teddy-grid-rows: 7}._sm\:teddy-grid--rows-8_ow8ev_353{--teddy-grid-rows: 8}._sm\:teddy-grid--rows-9_ow8ev_356{--teddy-grid-rows: 9}._sm\:teddy-grid--rows-10_ow8ev_359{--teddy-grid-rows: 10}._sm\:teddy-grid--rows-11_ow8ev_362{--teddy-grid-rows: 11}._sm\:teddy-grid--rows-12_ow8ev_365{--teddy-grid-rows: 12}}@media (min-width: 600px){._md\:teddy-grid--inline-grid_ow8ev_371{--teddy-grid-display: inline-grid}._md\:teddy-grid--none_ow8ev_374{--teddy-grid-display: none}._md\:teddy-grid--grid_ow8ev_377{--teddy-grid-display: grid}._md\:teddy-grid--gap-0_ow8ev_380{--teddy-grid-gap: var(--teddy-spacing-0)}._md\:teddy-grid--gap-10_ow8ev_383{--teddy-grid-gap: var(--teddy-spacing-10)}._md\:teddy-grid--gap-25_ow8ev_386{--teddy-grid-gap: var(--teddy-spacing-25)}._md\:teddy-grid--gap-50_ow8ev_389{--teddy-grid-gap: var(--teddy-spacing-50)}._md\:teddy-grid--gap-100_ow8ev_392{--teddy-grid-gap: var(--teddy-spacing-100)}._md\:teddy-grid--gap-150_ow8ev_395{--teddy-grid-gap: var(--teddy-spacing-150)}._md\:teddy-grid--gap-200_ow8ev_398{--teddy-grid-gap: var(--teddy-spacing-200)}._md\:teddy-grid--gap-250_ow8ev_401{--teddy-grid-gap: var(--teddy-spacing-250)}._md\:teddy-grid--gap-300_ow8ev_404{--teddy-grid-gap: var(--teddy-spacing-300)}._md\:teddy-grid--gap-400_ow8ev_407{--teddy-grid-gap: var(--teddy-spacing-400)}._md\:teddy-grid--gap-600_ow8ev_410{--teddy-grid-gap: var(--teddy-spacing-600)}._md\:teddy-grid--gap-800_ow8ev_413{--teddy-grid-gap: var(--teddy-spacing-800)}._md\:teddy-grid--gap-1000_ow8ev_416{--teddy-grid-gap: var(--teddy-spacing-1000)}._md\:teddy-grid--gap-1200_ow8ev_419{--teddy-grid-gap: var(--teddy-spacing-1200)}._md\:teddy-grid--gap-1600_ow8ev_422{--teddy-grid-gap: var(--teddy-spacing-1600)}._md\:teddy-grid--flow-row_ow8ev_425{--teddy-grid-flow: row}._md\:teddy-grid--flow-column_ow8ev_428{--teddy-grid-flow: column}._md\:teddy-grid--flow-dense_ow8ev_431{--teddy-grid-flow: dense}._md\:teddy-grid--flow-row-dense_ow8ev_434{--teddy-grid-flow: row-dense}._md\:teddy-grid--flow-column-dense_ow8ev_437{--teddy-grid-flow: column-dense}._md\:teddy-grid--align-start_ow8ev_440{--teddy-grid-align: start}._md\:teddy-grid--align-center_ow8ev_443{--teddy-grid-align: center}._md\:teddy-grid--align-end_ow8ev_446{--teddy-grid-align: end}._md\:teddy-grid--align-baseline_ow8ev_449{--teddy-grid-align: baseline}._md\:teddy-grid--align-stretch_ow8ev_452{--teddy-grid-align: stretch}._md\:teddy-grid--justify-start_ow8ev_455{--teddy-grid-justify: start}._md\:teddy-grid--justify-center_ow8ev_458{--teddy-grid-justify: center}._md\:teddy-grid--justify-end_ow8ev_461{--teddy-grid-justify: end}._md\:teddy-grid--justify-between_ow8ev_464{--teddy-grid-justify: space-between}._md\:teddy-grid--columns-none_ow8ev_467{--teddy-grid-columns: none}._md\:teddy-grid--columns-1_ow8ev_470{--teddy-grid-columns: 1}._md\:teddy-grid--columns-2_ow8ev_473{--teddy-grid-columns: 2}._md\:teddy-grid--columns-3_ow8ev_476{--teddy-grid-columns: 3}._md\:teddy-grid--columns-4_ow8ev_479{--teddy-grid-columns: 4}._md\:teddy-grid--columns-5_ow8ev_482{--teddy-grid-columns: 5}._md\:teddy-grid--columns-6_ow8ev_485{--teddy-grid-columns: 6}._md\:teddy-grid--columns-7_ow8ev_488{--teddy-grid-columns: 7}._md\:teddy-grid--columns-8_ow8ev_491{--teddy-grid-columns: 8}._md\:teddy-grid--columns-9_ow8ev_494{--teddy-grid-columns: 9}._md\:teddy-grid--columns-10_ow8ev_497{--teddy-grid-columns: 10}._md\:teddy-grid--columns-11_ow8ev_500{--teddy-grid-columns: 11}._md\:teddy-grid--columns-12_ow8ev_503{--teddy-grid-columns: 12}._md\:teddy-grid--rows-none_ow8ev_506{--teddy-grid-rows: none}._md\:teddy-grid--rows-1_ow8ev_509{--teddy-grid-rows: 1}._md\:teddy-grid--rows-2_ow8ev_512{--teddy-grid-rows: 2}._md\:teddy-grid--rows-3_ow8ev_515{--teddy-grid-rows: 3}._md\:teddy-grid--rows-4_ow8ev_518{--teddy-grid-rows: 4}._md\:teddy-grid--rows-5_ow8ev_521{--teddy-grid-rows: 5}._md\:teddy-grid--rows-6_ow8ev_524{--teddy-grid-rows: 6}._md\:teddy-grid--rows-7_ow8ev_527{--teddy-grid-rows: 7}._md\:teddy-grid--rows-8_ow8ev_530{--teddy-grid-rows: 8}._md\:teddy-grid--rows-9_ow8ev_533{--teddy-grid-rows: 9}._md\:teddy-grid--rows-10_ow8ev_536{--teddy-grid-rows: 10}._md\:teddy-grid--rows-11_ow8ev_539{--teddy-grid-rows: 11}._md\:teddy-grid--rows-12_ow8ev_542{--teddy-grid-rows: 12}}@media (min-width: 1024px){._lg\:teddy-grid--inline-grid_ow8ev_548{--teddy-grid-display: inline-grid}._lg\:teddy-grid--none_ow8ev_551{--teddy-grid-display: none}._lg\:teddy-grid--grid_ow8ev_554{--teddy-grid-display: grid}._lg\:teddy-grid--gap-0_ow8ev_557{--teddy-grid-gap: var(--teddy-spacing-0)}._lg\:teddy-grid--gap-10_ow8ev_560{--teddy-grid-gap: var(--teddy-spacing-10)}._lg\:teddy-grid--gap-25_ow8ev_563{--teddy-grid-gap: var(--teddy-spacing-25)}._lg\:teddy-grid--gap-50_ow8ev_566{--teddy-grid-gap: var(--teddy-spacing-50)}._lg\:teddy-grid--gap-100_ow8ev_569{--teddy-grid-gap: var(--teddy-spacing-100)}._lg\:teddy-grid--gap-150_ow8ev_572{--teddy-grid-gap: var(--teddy-spacing-150)}._lg\:teddy-grid--gap-200_ow8ev_575{--teddy-grid-gap: var(--teddy-spacing-200)}._lg\:teddy-grid--gap-250_ow8ev_578{--teddy-grid-gap: var(--teddy-spacing-250)}._lg\:teddy-grid--gap-300_ow8ev_581{--teddy-grid-gap: var(--teddy-spacing-300)}._lg\:teddy-grid--gap-400_ow8ev_584{--teddy-grid-gap: var(--teddy-spacing-400)}._lg\:teddy-grid--gap-600_ow8ev_587{--teddy-grid-gap: var(--teddy-spacing-600)}._lg\:teddy-grid--gap-800_ow8ev_590{--teddy-grid-gap: var(--teddy-spacing-800)}._lg\:teddy-grid--gap-1000_ow8ev_593{--teddy-grid-gap: var(--teddy-spacing-1000)}._lg\:teddy-grid--gap-1200_ow8ev_596{--teddy-grid-gap: var(--teddy-spacing-1200)}._lg\:teddy-grid--gap-1600_ow8ev_599{--teddy-grid-gap: var(--teddy-spacing-1600)}._lg\:teddy-grid--flow-row_ow8ev_602{--teddy-grid-flow: row}._lg\:teddy-grid--flow-column_ow8ev_605{--teddy-grid-flow: column}._lg\:teddy-grid--flow-dense_ow8ev_608{--teddy-grid-flow: dense}._lg\:teddy-grid--flow-row-dense_ow8ev_611{--teddy-grid-flow: row-dense}._lg\:teddy-grid--flow-column-dense_ow8ev_614{--teddy-grid-flow: column-dense}._lg\:teddy-grid--align-start_ow8ev_617{--teddy-grid-align: start}._lg\:teddy-grid--align-center_ow8ev_620{--teddy-grid-align: center}._lg\:teddy-grid--align-end_ow8ev_623{--teddy-grid-align: end}._lg\:teddy-grid--align-baseline_ow8ev_626{--teddy-grid-align: baseline}._lg\:teddy-grid--align-stretch_ow8ev_629{--teddy-grid-align: stretch}._lg\:teddy-grid--justify-start_ow8ev_632{--teddy-grid-justify: start}._lg\:teddy-grid--justify-center_ow8ev_635{--teddy-grid-justify: center}._lg\:teddy-grid--justify-end_ow8ev_638{--teddy-grid-justify: end}._lg\:teddy-grid--justify-between_ow8ev_641{--teddy-grid-justify: space-between}._lg\:teddy-grid--columns-none_ow8ev_644{--teddy-grid-columns: none}._lg\:teddy-grid--columns-1_ow8ev_647{--teddy-grid-columns: 1}._lg\:teddy-grid--columns-2_ow8ev_650{--teddy-grid-columns: 2}._lg\:teddy-grid--columns-3_ow8ev_653{--teddy-grid-columns: 3}._lg\:teddy-grid--columns-4_ow8ev_656{--teddy-grid-columns: 4}._lg\:teddy-grid--columns-5_ow8ev_659{--teddy-grid-columns: 5}._lg\:teddy-grid--columns-6_ow8ev_662{--teddy-grid-columns: 6}._lg\:teddy-grid--columns-7_ow8ev_665{--teddy-grid-columns: 7}._lg\:teddy-grid--columns-8_ow8ev_668{--teddy-grid-columns: 8}._lg\:teddy-grid--columns-9_ow8ev_671{--teddy-grid-columns: 9}._lg\:teddy-grid--columns-10_ow8ev_674{--teddy-grid-columns: 10}._lg\:teddy-grid--columns-11_ow8ev_677{--teddy-grid-columns: 11}._lg\:teddy-grid--columns-12_ow8ev_680{--teddy-grid-columns: 12}._lg\:teddy-grid--rows-none_ow8ev_683{--teddy-grid-rows: none}._lg\:teddy-grid--rows-1_ow8ev_686{--teddy-grid-rows: 1}._lg\:teddy-grid--rows-2_ow8ev_689{--teddy-grid-rows: 2}._lg\:teddy-grid--rows-3_ow8ev_692{--teddy-grid-rows: 3}._lg\:teddy-grid--rows-4_ow8ev_695{--teddy-grid-rows: 4}._lg\:teddy-grid--rows-5_ow8ev_698{--teddy-grid-rows: 5}._lg\:teddy-grid--rows-6_ow8ev_701{--teddy-grid-rows: 6}._lg\:teddy-grid--rows-7_ow8ev_704{--teddy-grid-rows: 7}._lg\:teddy-grid--rows-8_ow8ev_707{--teddy-grid-rows: 8}._lg\:teddy-grid--rows-9_ow8ev_710{--teddy-grid-rows: 9}._lg\:teddy-grid--rows-10_ow8ev_713{--teddy-grid-rows: 10}._lg\:teddy-grid--rows-11_ow8ev_716{--teddy-grid-rows: 11}._lg\:teddy-grid--rows-12_ow8ev_719{--teddy-grid-rows: 12}}@media (min-width: 1440px){._xl\:teddy-grid--inline-grid_ow8ev_725{--teddy-grid-display: inline-grid}._xl\:teddy-grid--none_ow8ev_728{--teddy-grid-display: none}._xl\:teddy-grid--grid_ow8ev_731{--teddy-grid-display: grid}._xl\:teddy-grid--gap-0_ow8ev_734{--teddy-grid-gap: var(--teddy-spacing-0)}._xl\:teddy-grid--gap-10_ow8ev_737{--teddy-grid-gap: var(--teddy-spacing-10)}._xl\:teddy-grid--gap-25_ow8ev_740{--teddy-grid-gap: var(--teddy-spacing-25)}._xl\:teddy-grid--gap-50_ow8ev_743{--teddy-grid-gap: var(--teddy-spacing-50)}._xl\:teddy-grid--gap-100_ow8ev_746{--teddy-grid-gap: var(--teddy-spacing-100)}._xl\:teddy-grid--gap-150_ow8ev_749{--teddy-grid-gap: var(--teddy-spacing-150)}._xl\:teddy-grid--gap-200_ow8ev_752{--teddy-grid-gap: var(--teddy-spacing-200)}._xl\:teddy-grid--gap-250_ow8ev_755{--teddy-grid-gap: var(--teddy-spacing-250)}._xl\:teddy-grid--gap-300_ow8ev_758{--teddy-grid-gap: var(--teddy-spacing-300)}._xl\:teddy-grid--gap-400_ow8ev_761{--teddy-grid-gap: var(--teddy-spacing-400)}._xl\:teddy-grid--gap-600_ow8ev_764{--teddy-grid-gap: var(--teddy-spacing-600)}._xl\:teddy-grid--gap-800_ow8ev_767{--teddy-grid-gap: var(--teddy-spacing-800)}._xl\:teddy-grid--gap-1000_ow8ev_770{--teddy-grid-gap: var(--teddy-spacing-1000)}._xl\:teddy-grid--gap-1200_ow8ev_773{--teddy-grid-gap: var(--teddy-spacing-1200)}._xl\:teddy-grid--gap-1600_ow8ev_776{--teddy-grid-gap: var(--teddy-spacing-1600)}._xl\:teddy-grid--flow-row_ow8ev_779{--teddy-grid-flow: row}._xl\:teddy-grid--flow-column_ow8ev_782{--teddy-grid-flow: column}._xl\:teddy-grid--flow-dense_ow8ev_785{--teddy-grid-flow: dense}._xl\:teddy-grid--flow-row-dense_ow8ev_788{--teddy-grid-flow: row-dense}._xl\:teddy-grid--flow-column-dense_ow8ev_791{--teddy-grid-flow: column-dense}._xl\:teddy-grid--align-start_ow8ev_794{--teddy-grid-align: start}._xl\:teddy-grid--align-center_ow8ev_797{--teddy-grid-align: center}._xl\:teddy-grid--align-end_ow8ev_800{--teddy-grid-align: end}._xl\:teddy-grid--align-baseline_ow8ev_803{--teddy-grid-align: baseline}._xl\:teddy-grid--align-stretch_ow8ev_806{--teddy-grid-align: stretch}._xl\:teddy-grid--justify-start_ow8ev_809{--teddy-grid-justify: start}._xl\:teddy-grid--justify-center_ow8ev_812{--teddy-grid-justify: center}._xl\:teddy-grid--justify-end_ow8ev_815{--teddy-grid-justify: end}._xl\:teddy-grid--justify-between_ow8ev_818{--teddy-grid-justify: space-between}._xl\:teddy-grid--columns-none_ow8ev_821{--teddy-grid-columns: none}._xl\:teddy-grid--columns-1_ow8ev_824{--teddy-grid-columns: 1}._xl\:teddy-grid--columns-2_ow8ev_827{--teddy-grid-columns: 2}._xl\:teddy-grid--columns-3_ow8ev_830{--teddy-grid-columns: 3}._xl\:teddy-grid--columns-4_ow8ev_833{--teddy-grid-columns: 4}._xl\:teddy-grid--columns-5_ow8ev_836{--teddy-grid-columns: 5}._xl\:teddy-grid--columns-6_ow8ev_839{--teddy-grid-columns: 6}._xl\:teddy-grid--columns-7_ow8ev_842{--teddy-grid-columns: 7}._xl\:teddy-grid--columns-8_ow8ev_845{--teddy-grid-columns: 8}._xl\:teddy-grid--columns-9_ow8ev_848{--teddy-grid-columns: 9}._xl\:teddy-grid--columns-10_ow8ev_851{--teddy-grid-columns: 10}._xl\:teddy-grid--columns-11_ow8ev_854{--teddy-grid-columns: 11}._xl\:teddy-grid--columns-12_ow8ev_857{--teddy-grid-columns: 12}._xl\:teddy-grid--rows-none_ow8ev_860{--teddy-grid-rows: none}._xl\:teddy-grid--rows-1_ow8ev_863{--teddy-grid-rows: 1}._xl\:teddy-grid--rows-2_ow8ev_866{--teddy-grid-rows: 2}._xl\:teddy-grid--rows-3_ow8ev_869{--teddy-grid-rows: 3}._xl\:teddy-grid--rows-4_ow8ev_872{--teddy-grid-rows: 4}._xl\:teddy-grid--rows-5_ow8ev_875{--teddy-grid-rows: 5}._xl\:teddy-grid--rows-6_ow8ev_878{--teddy-grid-rows: 6}._xl\:teddy-grid--rows-7_ow8ev_881{--teddy-grid-rows: 7}._xl\:teddy-grid--rows-8_ow8ev_884{--teddy-grid-rows: 8}._xl\:teddy-grid--rows-9_ow8ev_887{--teddy-grid-rows: 9}._xl\:teddy-grid--rows-10_ow8ev_890{--teddy-grid-rows: 10}._xl\:teddy-grid--rows-11_ow8ev_893{--teddy-grid-rows: 11}._xl\:teddy-grid--rows-12_ow8ev_896{--teddy-grid-rows: 12}}
+@layer grid{._teddy-grid_12o73_2{box-sizing:border-box;display:grid;align-items:stretch;justify-content:start;grid-template-columns:minmax(0,1fr);grid-template-rows:none}}

package/dist/components/grid/grid.d.ts

@@ -1,4 +1,4 @@
-import { Responsive } from '../../utils/layout';
+import { LayoutProps } from '../../utils/layout';
 import { default as React } from 'react';
 
 /** -------------------------------------------------------------------------------------------------
@@ -16,62 +16,8 @@ type DivProps = {
     as: 'div';
     asChild?: false;
 } & React.ComponentPropsWithoutRef<'div'>;
-declare const displayValues: readonly ["none", "inline-grid", "grid"];
-declare const columnsValues: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "none"];
-declare const rowsValues: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "none"];
-declare const flowValues: readonly ["row", "column", "dense", "row-dense", "column-dense"];
-declare const alignValues: readonly ["start", "center", "end", "baseline", "stretch"];
-declare const justifyValues: readonly ["start", "center", "end", "between"];
-declare const gapValues: ("0" | "10" | "25" | "50" | "100" | "150" | "200" | "250" | "300" | "400" | "600" | "800" | "1000" | "1200" | "1600")[];
-type GridProps = (React.ComponentPropsWithoutRef<'div'> & {
-    display?: (typeof displayValues)[number];
-    /**
-     * The number of columns in the grid. It can be a number, 'none' or a responsive value.
-     * A responsive value is an object with the keys 'sm', 'md', 'lg', 'xl' and a value for the corresponding breakpoint.
-     * @example columns={{ sm: '3', md: '5' }}
-     */
-    columns?: Responsive<(typeof columnsValues)[number]>;
-    /**
-     * The number of rows in the grid. It can be a number, 'none' or a responsive value.
-     * A responsive value is an object with the keys 'sm', 'md', 'lg', 'xl' and a value for the corresponding breakpoint.
-     * @example rows={{ sm: '3', md: '5' }}
-     */
-    rows?: Responsive<(typeof rowsValues)[number]>;
-    /**
-     * The flow direction of the grid. It can be 'row', 'column', 'dense', 'row-dense' or 'column-dense'.
-     * @example flow='row'
-     */
-    flow?: Responsive<(typeof flowValues)[number]>;
-    /**
-     * The alignment of the grid items. It can be 'start', 'center', 'end', 'baseline', 'stretch' or a responsive value.
-     * A responsive value is an object with the keys 'sm', 'md', 'lg', 'xl' and a value for the corresponding breakpoint.
-     * @example align={{ sm: 'start', md: 'center' }}
-     * @default 'stretch'
-     */
-    align?: Responsive<(typeof alignValues)[number]>;
-    /**
-     * The alignment of the grid items. It can be  or a responsive value.
-     * A responsive value is an object with the keys 'sm', 'md', 'lg', 'xl' and a value for the corresponding breakpoint.
-     * @example align={{ sm: 'start', md: 'center' }}
-     * @default 'start'
-     */
-    justify?: Responsive<(typeof justifyValues)[number]>;
-    /**
-     * The gap between grid items. It can be a number, 'none' or a responsive value.
-     * A responsive value is an object with the keys 'sm', 'md', 'lg', 'xl' and a value for the corresponding breakpoint.
-     * @example gap={{ sm: '100', md: '200' }}
-     * @default '100'
-     */
-    gap?: Responsive<(typeof gapValues)[number]>;
-}) & (AsChildProps | SpanProps | DivProps);
-declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>> & {
-    displayValues: readonly ["none", "inline-grid", "grid"];
-    columnsValues: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "none"];
-    rowsValues: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "none"];
-    flowValues: readonly ["row", "column", "dense", "row-dense", "column-dense"];
-    alignValues: readonly ["start", "center", "end", "baseline", "stretch"];
-    justifyValues: readonly ["start", "center", "end", "between"];
-    gapValues: ("0" | "10" | "25" | "50" | "100" | "150" | "200" | "250" | "300" | "400" | "600" | "800" | "1000" | "1200" | "1600")[];
-};
+type GridProps = React.ComponentPropsWithoutRef<'div'> & LayoutProps & (AsChildProps | SpanProps | DivProps);
+/** */
+declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
 export { Grid };
 export type { GridProps };

package/dist/components/grid/grid.js

@@ -1,393 +1,18 @@
 import '../../assets/grid.css';
-import { jsx as C } from "react/jsx-runtime";
-import V from "react";
+import { jsx as x } from "react/jsx-runtime";
+import _ from "react";
 import { c as $ } from "../../clsx-DB4S2d7J.js";
-import { $ as h } from "../../index-DpfSJps6.js";
-import { extractResponsiveClassName as g } from "../../utils/layout.js";
-const d = {
-  "teddy-grid": "_teddy-grid_ow8ev_1",
-  "teddy-grid--inline-grid": "_teddy-grid--inline-grid_ow8ev_18",
-  "teddy-grid--none": "_teddy-grid--none_ow8ev_21",
-  "teddy-grid--grid": "_teddy-grid--grid_ow8ev_24",
-  "teddy-grid--gap-0": "_teddy-grid--gap-0_ow8ev_27",
-  "teddy-grid--gap-10": "_teddy-grid--gap-10_ow8ev_30",
-  "teddy-grid--gap-25": "_teddy-grid--gap-25_ow8ev_33",
-  "teddy-grid--gap-50": "_teddy-grid--gap-50_ow8ev_36",
-  "teddy-grid--gap-100": "_teddy-grid--gap-100_ow8ev_39",
-  "teddy-grid--gap-150": "_teddy-grid--gap-150_ow8ev_42",
-  "teddy-grid--gap-200": "_teddy-grid--gap-200_ow8ev_45",
-  "teddy-grid--gap-250": "_teddy-grid--gap-250_ow8ev_48",
-  "teddy-grid--gap-300": "_teddy-grid--gap-300_ow8ev_51",
-  "teddy-grid--gap-400": "_teddy-grid--gap-400_ow8ev_54",
-  "teddy-grid--gap-600": "_teddy-grid--gap-600_ow8ev_57",
-  "teddy-grid--gap-800": "_teddy-grid--gap-800_ow8ev_60",
-  "teddy-grid--gap-1000": "_teddy-grid--gap-1000_ow8ev_63",
-  "teddy-grid--gap-1200": "_teddy-grid--gap-1200_ow8ev_66",
-  "teddy-grid--gap-1600": "_teddy-grid--gap-1600_ow8ev_69",
-  "teddy-grid--flow-row": "_teddy-grid--flow-row_ow8ev_72",
-  "teddy-grid--flow-column": "_teddy-grid--flow-column_ow8ev_75",
-  "teddy-grid--flow-dense": "_teddy-grid--flow-dense_ow8ev_78",
-  "teddy-grid--flow-row-dense": "_teddy-grid--flow-row-dense_ow8ev_81",
-  "teddy-grid--flow-column-dense": "_teddy-grid--flow-column-dense_ow8ev_84",
-  "teddy-grid--align-start": "_teddy-grid--align-start_ow8ev_87",
-  "teddy-grid--align-center": "_teddy-grid--align-center_ow8ev_90",
-  "teddy-grid--align-end": "_teddy-grid--align-end_ow8ev_93",
-  "teddy-grid--align-baseline": "_teddy-grid--align-baseline_ow8ev_96",
-  "teddy-grid--align-stretch": "_teddy-grid--align-stretch_ow8ev_99",
-  "teddy-grid--justify-start": "_teddy-grid--justify-start_ow8ev_102",
-  "teddy-grid--justify-center": "_teddy-grid--justify-center_ow8ev_105",
-  "teddy-grid--justify-end": "_teddy-grid--justify-end_ow8ev_108",
-  "teddy-grid--justify-between": "_teddy-grid--justify-between_ow8ev_111",
-  "teddy-grid--columns-none": "_teddy-grid--columns-none_ow8ev_114",
-  "teddy-grid--columns-1": "_teddy-grid--columns-1_ow8ev_117",
-  "teddy-grid--columns-2": "_teddy-grid--columns-2_ow8ev_120",
-  "teddy-grid--columns-3": "_teddy-grid--columns-3_ow8ev_123",
-  "teddy-grid--columns-4": "_teddy-grid--columns-4_ow8ev_126",
-  "teddy-grid--columns-5": "_teddy-grid--columns-5_ow8ev_129",
-  "teddy-grid--columns-6": "_teddy-grid--columns-6_ow8ev_132",
-  "teddy-grid--columns-7": "_teddy-grid--columns-7_ow8ev_135",
-  "teddy-grid--columns-8": "_teddy-grid--columns-8_ow8ev_138",
-  "teddy-grid--columns-9": "_teddy-grid--columns-9_ow8ev_141",
-  "teddy-grid--columns-10": "_teddy-grid--columns-10_ow8ev_144",
-  "teddy-grid--columns-11": "_teddy-grid--columns-11_ow8ev_147",
-  "teddy-grid--columns-12": "_teddy-grid--columns-12_ow8ev_150",
-  "teddy-grid--rows-none": "_teddy-grid--rows-none_ow8ev_153",
-  "teddy-grid--rows-1": "_teddy-grid--rows-1_ow8ev_156",
-  "teddy-grid--rows-2": "_teddy-grid--rows-2_ow8ev_159",
-  "teddy-grid--rows-3": "_teddy-grid--rows-3_ow8ev_162",
-  "teddy-grid--rows-4": "_teddy-grid--rows-4_ow8ev_165",
-  "teddy-grid--rows-5": "_teddy-grid--rows-5_ow8ev_168",
-  "teddy-grid--rows-6": "_teddy-grid--rows-6_ow8ev_171",
-  "teddy-grid--rows-7": "_teddy-grid--rows-7_ow8ev_174",
-  "teddy-grid--rows-8": "_teddy-grid--rows-8_ow8ev_177",
-  "teddy-grid--rows-9": "_teddy-grid--rows-9_ow8ev_180",
-  "teddy-grid--rows-10": "_teddy-grid--rows-10_ow8ev_183",
-  "teddy-grid--rows-11": "_teddy-grid--rows-11_ow8ev_186",
-  "teddy-grid--rows-12": "_teddy-grid--rows-12_ow8ev_189",
-  "sm:teddy-grid--inline-grid": "_sm:teddy-grid--inline-grid_ow8ev_194",
-  "sm:teddy-grid--none": "_sm:teddy-grid--none_ow8ev_197",
-  "sm:teddy-grid--grid": "_sm:teddy-grid--grid_ow8ev_200",
-  "sm:teddy-grid--gap-0": "_sm:teddy-grid--gap-0_ow8ev_203",
-  "sm:teddy-grid--gap-10": "_sm:teddy-grid--gap-10_ow8ev_206",
-  "sm:teddy-grid--gap-25": "_sm:teddy-grid--gap-25_ow8ev_209",
-  "sm:teddy-grid--gap-50": "_sm:teddy-grid--gap-50_ow8ev_212",
-  "sm:teddy-grid--gap-100": "_sm:teddy-grid--gap-100_ow8ev_215",
-  "sm:teddy-grid--gap-150": "_sm:teddy-grid--gap-150_ow8ev_218",
-  "sm:teddy-grid--gap-200": "_sm:teddy-grid--gap-200_ow8ev_221",
-  "sm:teddy-grid--gap-250": "_sm:teddy-grid--gap-250_ow8ev_224",
-  "sm:teddy-grid--gap-300": "_sm:teddy-grid--gap-300_ow8ev_227",
-  "sm:teddy-grid--gap-400": "_sm:teddy-grid--gap-400_ow8ev_230",
-  "sm:teddy-grid--gap-600": "_sm:teddy-grid--gap-600_ow8ev_233",
-  "sm:teddy-grid--gap-800": "_sm:teddy-grid--gap-800_ow8ev_236",
-  "sm:teddy-grid--gap-1000": "_sm:teddy-grid--gap-1000_ow8ev_239",
-  "sm:teddy-grid--gap-1200": "_sm:teddy-grid--gap-1200_ow8ev_242",
-  "sm:teddy-grid--gap-1600": "_sm:teddy-grid--gap-1600_ow8ev_245",
-  "sm:teddy-grid--flow-row": "_sm:teddy-grid--flow-row_ow8ev_248",
-  "sm:teddy-grid--flow-column": "_sm:teddy-grid--flow-column_ow8ev_251",
-  "sm:teddy-grid--flow-dense": "_sm:teddy-grid--flow-dense_ow8ev_254",
-  "sm:teddy-grid--flow-row-dense": "_sm:teddy-grid--flow-row-dense_ow8ev_257",
-  "sm:teddy-grid--flow-column-dense": "_sm:teddy-grid--flow-column-dense_ow8ev_260",
-  "sm:teddy-grid--align-start": "_sm:teddy-grid--align-start_ow8ev_263",
-  "sm:teddy-grid--align-center": "_sm:teddy-grid--align-center_ow8ev_266",
-  "sm:teddy-grid--align-end": "_sm:teddy-grid--align-end_ow8ev_269",
-  "sm:teddy-grid--align-baseline": "_sm:teddy-grid--align-baseline_ow8ev_272",
-  "sm:teddy-grid--align-stretch": "_sm:teddy-grid--align-stretch_ow8ev_275",
-  "sm:teddy-grid--justify-start": "_sm:teddy-grid--justify-start_ow8ev_278",
-  "sm:teddy-grid--justify-center": "_sm:teddy-grid--justify-center_ow8ev_281",
-  "sm:teddy-grid--justify-end": "_sm:teddy-grid--justify-end_ow8ev_284",
-  "sm:teddy-grid--justify-between": "_sm:teddy-grid--justify-between_ow8ev_287",
-  "sm:teddy-grid--columns-none": "_sm:teddy-grid--columns-none_ow8ev_290",
-  "sm:teddy-grid--columns-1": "_sm:teddy-grid--columns-1_ow8ev_293",
-  "sm:teddy-grid--columns-2": "_sm:teddy-grid--columns-2_ow8ev_296",
-  "sm:teddy-grid--columns-3": "_sm:teddy-grid--columns-3_ow8ev_299",
-  "sm:teddy-grid--columns-4": "_sm:teddy-grid--columns-4_ow8ev_302",
-  "sm:teddy-grid--columns-5": "_sm:teddy-grid--columns-5_ow8ev_305",
-  "sm:teddy-grid--columns-6": "_sm:teddy-grid--columns-6_ow8ev_308",
-  "sm:teddy-grid--columns-7": "_sm:teddy-grid--columns-7_ow8ev_311",
-  "sm:teddy-grid--columns-8": "_sm:teddy-grid--columns-8_ow8ev_314",
-  "sm:teddy-grid--columns-9": "_sm:teddy-grid--columns-9_ow8ev_317",
-  "sm:teddy-grid--columns-10": "_sm:teddy-grid--columns-10_ow8ev_320",
-  "sm:teddy-grid--columns-11": "_sm:teddy-grid--columns-11_ow8ev_323",
-  "sm:teddy-grid--columns-12": "_sm:teddy-grid--columns-12_ow8ev_326",
-  "sm:teddy-grid--rows-none": "_sm:teddy-grid--rows-none_ow8ev_329",
-  "sm:teddy-grid--rows-1": "_sm:teddy-grid--rows-1_ow8ev_332",
-  "sm:teddy-grid--rows-2": "_sm:teddy-grid--rows-2_ow8ev_335",
-  "sm:teddy-grid--rows-3": "_sm:teddy-grid--rows-3_ow8ev_338",
-  "sm:teddy-grid--rows-4": "_sm:teddy-grid--rows-4_ow8ev_341",
-  "sm:teddy-grid--rows-5": "_sm:teddy-grid--rows-5_ow8ev_344",
-  "sm:teddy-grid--rows-6": "_sm:teddy-grid--rows-6_ow8ev_347",
-  "sm:teddy-grid--rows-7": "_sm:teddy-grid--rows-7_ow8ev_350",
-  "sm:teddy-grid--rows-8": "_sm:teddy-grid--rows-8_ow8ev_353",
-  "sm:teddy-grid--rows-9": "_sm:teddy-grid--rows-9_ow8ev_356",
-  "sm:teddy-grid--rows-10": "_sm:teddy-grid--rows-10_ow8ev_359",
-  "sm:teddy-grid--rows-11": "_sm:teddy-grid--rows-11_ow8ev_362",
-  "sm:teddy-grid--rows-12": "_sm:teddy-grid--rows-12_ow8ev_365",
-  "md:teddy-grid--inline-grid": "_md:teddy-grid--inline-grid_ow8ev_371",
-  "md:teddy-grid--none": "_md:teddy-grid--none_ow8ev_374",
-  "md:teddy-grid--grid": "_md:teddy-grid--grid_ow8ev_377",
-  "md:teddy-grid--gap-0": "_md:teddy-grid--gap-0_ow8ev_380",
-  "md:teddy-grid--gap-10": "_md:teddy-grid--gap-10_ow8ev_383",
-  "md:teddy-grid--gap-25": "_md:teddy-grid--gap-25_ow8ev_386",
-  "md:teddy-grid--gap-50": "_md:teddy-grid--gap-50_ow8ev_389",
-  "md:teddy-grid--gap-100": "_md:teddy-grid--gap-100_ow8ev_392",
-  "md:teddy-grid--gap-150": "_md:teddy-grid--gap-150_ow8ev_395",
-  "md:teddy-grid--gap-200": "_md:teddy-grid--gap-200_ow8ev_398",
-  "md:teddy-grid--gap-250": "_md:teddy-grid--gap-250_ow8ev_401",
-  "md:teddy-grid--gap-300": "_md:teddy-grid--gap-300_ow8ev_404",
-  "md:teddy-grid--gap-400": "_md:teddy-grid--gap-400_ow8ev_407",
-  "md:teddy-grid--gap-600": "_md:teddy-grid--gap-600_ow8ev_410",
-  "md:teddy-grid--gap-800": "_md:teddy-grid--gap-800_ow8ev_413",
-  "md:teddy-grid--gap-1000": "_md:teddy-grid--gap-1000_ow8ev_416",
-  "md:teddy-grid--gap-1200": "_md:teddy-grid--gap-1200_ow8ev_419",
-  "md:teddy-grid--gap-1600": "_md:teddy-grid--gap-1600_ow8ev_422",
-  "md:teddy-grid--flow-row": "_md:teddy-grid--flow-row_ow8ev_425",
-  "md:teddy-grid--flow-column": "_md:teddy-grid--flow-column_ow8ev_428",
-  "md:teddy-grid--flow-dense": "_md:teddy-grid--flow-dense_ow8ev_431",
-  "md:teddy-grid--flow-row-dense": "_md:teddy-grid--flow-row-dense_ow8ev_434",
-  "md:teddy-grid--flow-column-dense": "_md:teddy-grid--flow-column-dense_ow8ev_437",
-  "md:teddy-grid--align-start": "_md:teddy-grid--align-start_ow8ev_440",
-  "md:teddy-grid--align-center": "_md:teddy-grid--align-center_ow8ev_443",
-  "md:teddy-grid--align-end": "_md:teddy-grid--align-end_ow8ev_446",
-  "md:teddy-grid--align-baseline": "_md:teddy-grid--align-baseline_ow8ev_449",
-  "md:teddy-grid--align-stretch": "_md:teddy-grid--align-stretch_ow8ev_452",
-  "md:teddy-grid--justify-start": "_md:teddy-grid--justify-start_ow8ev_455",
-  "md:teddy-grid--justify-center": "_md:teddy-grid--justify-center_ow8ev_458",
-  "md:teddy-grid--justify-end": "_md:teddy-grid--justify-end_ow8ev_461",
-  "md:teddy-grid--justify-between": "_md:teddy-grid--justify-between_ow8ev_464",
-  "md:teddy-grid--columns-none": "_md:teddy-grid--columns-none_ow8ev_467",
-  "md:teddy-grid--columns-1": "_md:teddy-grid--columns-1_ow8ev_470",
-  "md:teddy-grid--columns-2": "_md:teddy-grid--columns-2_ow8ev_473",
-  "md:teddy-grid--columns-3": "_md:teddy-grid--columns-3_ow8ev_476",
-  "md:teddy-grid--columns-4": "_md:teddy-grid--columns-4_ow8ev_479",
-  "md:teddy-grid--columns-5": "_md:teddy-grid--columns-5_ow8ev_482",
-  "md:teddy-grid--columns-6": "_md:teddy-grid--columns-6_ow8ev_485",
-  "md:teddy-grid--columns-7": "_md:teddy-grid--columns-7_ow8ev_488",
-  "md:teddy-grid--columns-8": "_md:teddy-grid--columns-8_ow8ev_491",
-  "md:teddy-grid--columns-9": "_md:teddy-grid--columns-9_ow8ev_494",
-  "md:teddy-grid--columns-10": "_md:teddy-grid--columns-10_ow8ev_497",
-  "md:teddy-grid--columns-11": "_md:teddy-grid--columns-11_ow8ev_500",
-  "md:teddy-grid--columns-12": "_md:teddy-grid--columns-12_ow8ev_503",
-  "md:teddy-grid--rows-none": "_md:teddy-grid--rows-none_ow8ev_506",
-  "md:teddy-grid--rows-1": "_md:teddy-grid--rows-1_ow8ev_509",
-  "md:teddy-grid--rows-2": "_md:teddy-grid--rows-2_ow8ev_512",
-  "md:teddy-grid--rows-3": "_md:teddy-grid--rows-3_ow8ev_515",
-  "md:teddy-grid--rows-4": "_md:teddy-grid--rows-4_ow8ev_518",
-  "md:teddy-grid--rows-5": "_md:teddy-grid--rows-5_ow8ev_521",
-  "md:teddy-grid--rows-6": "_md:teddy-grid--rows-6_ow8ev_524",
-  "md:teddy-grid--rows-7": "_md:teddy-grid--rows-7_ow8ev_527",
-  "md:teddy-grid--rows-8": "_md:teddy-grid--rows-8_ow8ev_530",
-  "md:teddy-grid--rows-9": "_md:teddy-grid--rows-9_ow8ev_533",
-  "md:teddy-grid--rows-10": "_md:teddy-grid--rows-10_ow8ev_536",
-  "md:teddy-grid--rows-11": "_md:teddy-grid--rows-11_ow8ev_539",
-  "md:teddy-grid--rows-12": "_md:teddy-grid--rows-12_ow8ev_542",
-  "lg:teddy-grid--inline-grid": "_lg:teddy-grid--inline-grid_ow8ev_548",
-  "lg:teddy-grid--none": "_lg:teddy-grid--none_ow8ev_551",
-  "lg:teddy-grid--grid": "_lg:teddy-grid--grid_ow8ev_554",
-  "lg:teddy-grid--gap-0": "_lg:teddy-grid--gap-0_ow8ev_557",
-  "lg:teddy-grid--gap-10": "_lg:teddy-grid--gap-10_ow8ev_560",
-  "lg:teddy-grid--gap-25": "_lg:teddy-grid--gap-25_ow8ev_563",
-  "lg:teddy-grid--gap-50": "_lg:teddy-grid--gap-50_ow8ev_566",
-  "lg:teddy-grid--gap-100": "_lg:teddy-grid--gap-100_ow8ev_569",
-  "lg:teddy-grid--gap-150": "_lg:teddy-grid--gap-150_ow8ev_572",
-  "lg:teddy-grid--gap-200": "_lg:teddy-grid--gap-200_ow8ev_575",
-  "lg:teddy-grid--gap-250": "_lg:teddy-grid--gap-250_ow8ev_578",
-  "lg:teddy-grid--gap-300": "_lg:teddy-grid--gap-300_ow8ev_581",
-  "lg:teddy-grid--gap-400": "_lg:teddy-grid--gap-400_ow8ev_584",
-  "lg:teddy-grid--gap-600": "_lg:teddy-grid--gap-600_ow8ev_587",
-  "lg:teddy-grid--gap-800": "_lg:teddy-grid--gap-800_ow8ev_590",
-  "lg:teddy-grid--gap-1000": "_lg:teddy-grid--gap-1000_ow8ev_593",
-  "lg:teddy-grid--gap-1200": "_lg:teddy-grid--gap-1200_ow8ev_596",
-  "lg:teddy-grid--gap-1600": "_lg:teddy-grid--gap-1600_ow8ev_599",
-  "lg:teddy-grid--flow-row": "_lg:teddy-grid--flow-row_ow8ev_602",
-  "lg:teddy-grid--flow-column": "_lg:teddy-grid--flow-column_ow8ev_605",
-  "lg:teddy-grid--flow-dense": "_lg:teddy-grid--flow-dense_ow8ev_608",
-  "lg:teddy-grid--flow-row-dense": "_lg:teddy-grid--flow-row-dense_ow8ev_611",
-  "lg:teddy-grid--flow-column-dense": "_lg:teddy-grid--flow-column-dense_ow8ev_614",
-  "lg:teddy-grid--align-start": "_lg:teddy-grid--align-start_ow8ev_617",
-  "lg:teddy-grid--align-center": "_lg:teddy-grid--align-center_ow8ev_620",
-  "lg:teddy-grid--align-end": "_lg:teddy-grid--align-end_ow8ev_623",
-  "lg:teddy-grid--align-baseline": "_lg:teddy-grid--align-baseline_ow8ev_626",
-  "lg:teddy-grid--align-stretch": "_lg:teddy-grid--align-stretch_ow8ev_629",
-  "lg:teddy-grid--justify-start": "_lg:teddy-grid--justify-start_ow8ev_632",
-  "lg:teddy-grid--justify-center": "_lg:teddy-grid--justify-center_ow8ev_635",
-  "lg:teddy-grid--justify-end": "_lg:teddy-grid--justify-end_ow8ev_638",
-  "lg:teddy-grid--justify-between": "_lg:teddy-grid--justify-between_ow8ev_641",
-  "lg:teddy-grid--columns-none": "_lg:teddy-grid--columns-none_ow8ev_644",
-  "lg:teddy-grid--columns-1": "_lg:teddy-grid--columns-1_ow8ev_647",
-  "lg:teddy-grid--columns-2": "_lg:teddy-grid--columns-2_ow8ev_650",
-  "lg:teddy-grid--columns-3": "_lg:teddy-grid--columns-3_ow8ev_653",
-  "lg:teddy-grid--columns-4": "_lg:teddy-grid--columns-4_ow8ev_656",
-  "lg:teddy-grid--columns-5": "_lg:teddy-grid--columns-5_ow8ev_659",
-  "lg:teddy-grid--columns-6": "_lg:teddy-grid--columns-6_ow8ev_662",
-  "lg:teddy-grid--columns-7": "_lg:teddy-grid--columns-7_ow8ev_665",
-  "lg:teddy-grid--columns-8": "_lg:teddy-grid--columns-8_ow8ev_668",
-  "lg:teddy-grid--columns-9": "_lg:teddy-grid--columns-9_ow8ev_671",
-  "lg:teddy-grid--columns-10": "_lg:teddy-grid--columns-10_ow8ev_674",
-  "lg:teddy-grid--columns-11": "_lg:teddy-grid--columns-11_ow8ev_677",
-  "lg:teddy-grid--columns-12": "_lg:teddy-grid--columns-12_ow8ev_680",
-  "lg:teddy-grid--rows-none": "_lg:teddy-grid--rows-none_ow8ev_683",
-  "lg:teddy-grid--rows-1": "_lg:teddy-grid--rows-1_ow8ev_686",
-  "lg:teddy-grid--rows-2": "_lg:teddy-grid--rows-2_ow8ev_689",
-  "lg:teddy-grid--rows-3": "_lg:teddy-grid--rows-3_ow8ev_692",
-  "lg:teddy-grid--rows-4": "_lg:teddy-grid--rows-4_ow8ev_695",
-  "lg:teddy-grid--rows-5": "_lg:teddy-grid--rows-5_ow8ev_698",
-  "lg:teddy-grid--rows-6": "_lg:teddy-grid--rows-6_ow8ev_701",
-  "lg:teddy-grid--rows-7": "_lg:teddy-grid--rows-7_ow8ev_704",
-  "lg:teddy-grid--rows-8": "_lg:teddy-grid--rows-8_ow8ev_707",
-  "lg:teddy-grid--rows-9": "_lg:teddy-grid--rows-9_ow8ev_710",
-  "lg:teddy-grid--rows-10": "_lg:teddy-grid--rows-10_ow8ev_713",
-  "lg:teddy-grid--rows-11": "_lg:teddy-grid--rows-11_ow8ev_716",
-  "lg:teddy-grid--rows-12": "_lg:teddy-grid--rows-12_ow8ev_719",
-  "xl:teddy-grid--inline-grid": "_xl:teddy-grid--inline-grid_ow8ev_725",
-  "xl:teddy-grid--none": "_xl:teddy-grid--none_ow8ev_728",
-  "xl:teddy-grid--grid": "_xl:teddy-grid--grid_ow8ev_731",
-  "xl:teddy-grid--gap-0": "_xl:teddy-grid--gap-0_ow8ev_734",
-  "xl:teddy-grid--gap-10": "_xl:teddy-grid--gap-10_ow8ev_737",
-  "xl:teddy-grid--gap-25": "_xl:teddy-grid--gap-25_ow8ev_740",
-  "xl:teddy-grid--gap-50": "_xl:teddy-grid--gap-50_ow8ev_743",
-  "xl:teddy-grid--gap-100": "_xl:teddy-grid--gap-100_ow8ev_746",
-  "xl:teddy-grid--gap-150": "_xl:teddy-grid--gap-150_ow8ev_749",
-  "xl:teddy-grid--gap-200": "_xl:teddy-grid--gap-200_ow8ev_752",
-  "xl:teddy-grid--gap-250": "_xl:teddy-grid--gap-250_ow8ev_755",
-  "xl:teddy-grid--gap-300": "_xl:teddy-grid--gap-300_ow8ev_758",
-  "xl:teddy-grid--gap-400": "_xl:teddy-grid--gap-400_ow8ev_761",
-  "xl:teddy-grid--gap-600": "_xl:teddy-grid--gap-600_ow8ev_764",
-  "xl:teddy-grid--gap-800": "_xl:teddy-grid--gap-800_ow8ev_767",
-  "xl:teddy-grid--gap-1000": "_xl:teddy-grid--gap-1000_ow8ev_770",
-  "xl:teddy-grid--gap-1200": "_xl:teddy-grid--gap-1200_ow8ev_773",
-  "xl:teddy-grid--gap-1600": "_xl:teddy-grid--gap-1600_ow8ev_776",
-  "xl:teddy-grid--flow-row": "_xl:teddy-grid--flow-row_ow8ev_779",
-  "xl:teddy-grid--flow-column": "_xl:teddy-grid--flow-column_ow8ev_782",
-  "xl:teddy-grid--flow-dense": "_xl:teddy-grid--flow-dense_ow8ev_785",
-  "xl:teddy-grid--flow-row-dense": "_xl:teddy-grid--flow-row-dense_ow8ev_788",
-  "xl:teddy-grid--flow-column-dense": "_xl:teddy-grid--flow-column-dense_ow8ev_791",
-  "xl:teddy-grid--align-start": "_xl:teddy-grid--align-start_ow8ev_794",
-  "xl:teddy-grid--align-center": "_xl:teddy-grid--align-center_ow8ev_797",
-  "xl:teddy-grid--align-end": "_xl:teddy-grid--align-end_ow8ev_800",
-  "xl:teddy-grid--align-baseline": "_xl:teddy-grid--align-baseline_ow8ev_803",
-  "xl:teddy-grid--align-stretch": "_xl:teddy-grid--align-stretch_ow8ev_806",
-  "xl:teddy-grid--justify-start": "_xl:teddy-grid--justify-start_ow8ev_809",
-  "xl:teddy-grid--justify-center": "_xl:teddy-grid--justify-center_ow8ev_812",
-  "xl:teddy-grid--justify-end": "_xl:teddy-grid--justify-end_ow8ev_815",
-  "xl:teddy-grid--justify-between": "_xl:teddy-grid--justify-between_ow8ev_818",
-  "xl:teddy-grid--columns-none": "_xl:teddy-grid--columns-none_ow8ev_821",
-  "xl:teddy-grid--columns-1": "_xl:teddy-grid--columns-1_ow8ev_824",
-  "xl:teddy-grid--columns-2": "_xl:teddy-grid--columns-2_ow8ev_827",
-  "xl:teddy-grid--columns-3": "_xl:teddy-grid--columns-3_ow8ev_830",
-  "xl:teddy-grid--columns-4": "_xl:teddy-grid--columns-4_ow8ev_833",
-  "xl:teddy-grid--columns-5": "_xl:teddy-grid--columns-5_ow8ev_836",
-  "xl:teddy-grid--columns-6": "_xl:teddy-grid--columns-6_ow8ev_839",
-  "xl:teddy-grid--columns-7": "_xl:teddy-grid--columns-7_ow8ev_842",
-  "xl:teddy-grid--columns-8": "_xl:teddy-grid--columns-8_ow8ev_845",
-  "xl:teddy-grid--columns-9": "_xl:teddy-grid--columns-9_ow8ev_848",
-  "xl:teddy-grid--columns-10": "_xl:teddy-grid--columns-10_ow8ev_851",
-  "xl:teddy-grid--columns-11": "_xl:teddy-grid--columns-11_ow8ev_854",
-  "xl:teddy-grid--columns-12": "_xl:teddy-grid--columns-12_ow8ev_857",
-  "xl:teddy-grid--rows-none": "_xl:teddy-grid--rows-none_ow8ev_860",
-  "xl:teddy-grid--rows-1": "_xl:teddy-grid--rows-1_ow8ev_863",
-  "xl:teddy-grid--rows-2": "_xl:teddy-grid--rows-2_ow8ev_866",
-  "xl:teddy-grid--rows-3": "_xl:teddy-grid--rows-3_ow8ev_869",
-  "xl:teddy-grid--rows-4": "_xl:teddy-grid--rows-4_ow8ev_872",
-  "xl:teddy-grid--rows-5": "_xl:teddy-grid--rows-5_ow8ev_875",
-  "xl:teddy-grid--rows-6": "_xl:teddy-grid--rows-6_ow8ev_878",
-  "xl:teddy-grid--rows-7": "_xl:teddy-grid--rows-7_ow8ev_881",
-  "xl:teddy-grid--rows-8": "_xl:teddy-grid--rows-8_ow8ev_884",
-  "xl:teddy-grid--rows-9": "_xl:teddy-grid--rows-9_ow8ev_887",
-  "xl:teddy-grid--rows-10": "_xl:teddy-grid--rows-10_ow8ev_890",
-  "xl:teddy-grid--rows-11": "_xl:teddy-grid--rows-11_ow8ev_893",
-  "xl:teddy-grid--rows-12": "_xl:teddy-grid--rows-12_ow8ev_896"
-}, R = {
-  0: "0rem",
-  10: "0.0625rem",
-  25: "0.125rem",
-  50: "0.25rem",
-  100: "0.5rem",
-  150: "0.75rem",
-  200: "1rem",
-  250: "1.25rem",
-  300: "1.5rem",
-  400: "2rem",
-  600: "3rem",
-  800: "4rem",
-  1e3: "5rem",
-  1200: "6rem",
-  1600: "8rem",
-  gutter: {
-    sm: "1rem",
-    md: "1.5rem",
-    lg: "1.5rem",
-    xl: "1.5rem"
-  },
-  "page-padding": {
-    sm: "1rem",
-    md: "1.5rem",
-    lg: "3rem",
-    xl: "3rem"
-  }
-}, e = "teddy-grid", G = ["none", "inline-grid", "grid"], O = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "none"], k = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "none"], q = ["row", "column", "dense", "row-dense", "column-dense"], z = ["start", "center", "end", "baseline", "stretch"], A = ["start", "center", "end", "between"], B = Object.keys(R), r = V.forwardRef(
-  ({
-    className: t,
-    display: _ = "grid",
-    columns: i,
-    rows: o,
-    flow: y,
-    align: s,
-    justify: l,
-    gap: w = "100",
-    as: m = "div",
-    asChild: n,
-    ...v
-  }, a) => {
-    const c = n ? h : m, u = g({
-      responsiveValue: i,
-      rootClassName: `${e}--columns`,
-      styles: d
-    }), p = g({
-      responsiveValue: w,
-      rootClassName: `${e}--gap`,
-      styles: d
-    }), x = g({
-      responsiveValue: o,
-      rootClassName: `${e}--rows`,
-      styles: d
-    }), f = g({
-      responsiveValue: y,
-      rootClassName: `${e}--flow`,
-      styles: d
-    }), j = g({
-      responsiveValue: s,
-      rootClassName: `${e}--align`,
-      styles: d
-    }), b = g({
-      responsiveValue: l,
-      rootClassName: `${e}--justify`,
-      styles: d
-    }), N = $(
-      [d[`${e}`]],
-      u,
-      p,
-      x,
-      f,
-      j,
-      b,
-      {
-        [d[`${e}--${_}`]]: _
-      },
-      t
-    );
-    return /* @__PURE__ */ C(c, { ...v, ref: a, className: N });
+import { $ as g } from "../../index-DpfSJps6.js";
+import { extractResponsiveLayout as u } from "../../utils/layout.js";
+const v = {
+  "teddy-grid": "_teddy-grid_12o73_2"
+}, C = "teddy-grid", G = _.forwardRef(
+  ({ className: s, display: o, columns: r, rows: e, flow: t, align: c, justify: a, gap: d = "100", as: i = "div", asChild: m, ...p }, f) => {
+    const n = m ? g : i, l = u({ display: o, columns: r, rows: e, flow: t, align: c, justify: a, gap: d }), y = $([v[`${C}`]], l, s);
+    return /* @__PURE__ */ x(n, { ...p, ref: f, className: y });
   }
 );
-r.displayName = "Grid";
-const J = Object.assign(r, {
-  displayValues: G,
-  columnsValues: O,
-  rowsValues: k,
-  flowValues: q,
-  alignValues: z,
-  justifyValues: A,
-  gapValues: B
-});
+G.displayName = "Grid";
 export {
-  J as Grid
+  G as Grid
 };

package/dist/utils/action.d.ts

@@ -16,7 +16,7 @@ export declare const SIZE: {
 };
 export declare const sizes: ("sm" | "md" | "lg")[];
 export type Size = (typeof SIZE)[keyof typeof SIZE];
-type DefaultProps<TVariant, T = object> = {
+type DefaultProps<TVariant = undefined, T = object> = {
     children?: React.ReactNode;
     className?: string;
     fullWidth?: boolean;

package/dist/utils/layout.d.ts

@@ -4,9 +4,57 @@ type Breakpoint = keyof typeof breakpoint;
 export type Responsive<T> = {
     [key in Breakpoint]?: T;
 } | T;
-export declare function extractResponsiveClassName<T>({ responsiveValue, rootClassName, styles, }: {
+export declare const displayValues: readonly ["none", "inline-grid", "grid"];
+export declare const columnsValues: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "none"];
+export declare const rowsValues: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "none"];
+export declare const flowValues: readonly ["row", "column", "dense", "row-dense", "column-dense"];
+export declare const alignValues: readonly ["start", "center", "end", "baseline", "stretch"];
+export declare const justifyValues: readonly ["start", "center", "end", "between"];
+export declare const gapValues: ("0" | "10" | "25" | "50" | "100" | "150" | "200" | "250" | "300" | "400" | "600" | "800" | "1000" | "1200" | "1600")[];
+export type LayoutProps = {
+    display?: (typeof displayValues)[number];
+    /**
+     * The number of columns in the grid. It can be a number, 'none' or a responsive value.
+     * A responsive value is an object with the keys 'sm', 'md', 'lg', 'xl' and a value for the corresponding breakpoint.
+     * @example columns={{ sm: '3', md: '5' }}
+     */
+    columns?: Responsive<(typeof columnsValues)[number]> | 'string';
+    /**
+     * The number of rows in the grid. It can be a number, 'none' or a responsive value.
+     * A responsive value is an object with the keys 'sm', 'md', 'lg', 'xl' and a value for the corresponding breakpoint.
+     * @example rows={{ sm: '3', md: '5' }}
+     */
+    rows?: Responsive<(typeof rowsValues)[number]> | 'string';
+    /**
+     * The flow direction of the grid. It can be 'row', 'column', 'dense', 'row-dense' or 'column-dense'.
+     * @example flow='row'
+     */
+    flow?: Responsive<(typeof flowValues)[number]>;
+    /**
+     * The alignment of the grid items. It can be 'start', 'center', 'end', 'baseline', 'stretch' or a responsive value.
+     * A responsive value is an object with the keys 'sm', 'md', 'lg', 'xl' and a value for the corresponding breakpoint.
+     * @example align={{ sm: 'start', md: 'center' }}
+     * @default 'stretch'
+     */
+    align?: Responsive<(typeof alignValues)[number]>;
+    /**
+     * The alignment of the grid items. It can be  or a responsive value.
+     * A responsive value is an object with the keys 'sm', 'md', 'lg', 'xl' and a value for the corresponding breakpoint.
+     * @example align={{ sm: 'start', md: 'center' }}
+     * @default 'start'
+     */
+    justify?: Responsive<(typeof justifyValues)[number]>;
+    /**
+     * The gap between grid items. It can be a number, 'none' or a responsive value.
+     * A responsive value is an object with the keys 'sm', 'md', 'lg', 'xl' and a value for the corresponding breakpoint.
+     * @example gap={{ sm: '100', md: '200' }}
+     * @default '100'
+     */
+    gap?: Responsive<(typeof gapValues)[number]>;
+};
+export declare function extractResponsiveLayout(args: LayoutProps): (string[] | string[][] | undefined)[];
+export declare function extractResponsiveClassName<T>({ responsiveValue, rootClassName, }: {
     responsiveValue: Responsive<T>;
     rootClassName: string;
-    styles: CSSModuleClasses;
-}): string[] | string[][] | undefined;
+}): string[] | string[][];
 export {};

package/dist/utils/layout.js

@@ -1,11 +1,100 @@
-function e({
-  responsiveValue: t,
-  rootClassName: n,
-  styles: r
+const o = {
+  0: "0rem",
+  10: "0.0625rem",
+  25: "0.125rem",
+  50: "0.25rem",
+  100: "0.5rem",
+  150: "0.75rem",
+  200: "1rem",
+  250: "1.25rem",
+  300: "1.5rem",
+  400: "2rem",
+  600: "3rem",
+  800: "4rem",
+  1e3: "5rem",
+  1200: "6rem",
+  1600: "8rem",
+  gutter: {
+    sm: "1rem",
+    md: "1.5rem",
+    lg: "1.5rem",
+    xl: "1.5rem"
+  },
+  "page-padding": {
+    sm: "1rem",
+    md: "1.5rem",
+    lg: "3rem",
+    xl: "3rem"
+  }
+}, d = ["none", "inline-grid", "grid"], i = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "none"], u = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "none"], y = ["row", "column", "dense", "row-dense", "column-dense"], g = ["start", "center", "end", "baseline", "stretch"], p = ["start", "center", "end", "between"], f = Object.keys(o), N = [
+  {
+    key: "display",
+    className: "teddy-display",
+    values: d
+  },
+  {
+    key: "columns",
+    className: "teddy-grid-template-columns",
+    values: i
+  },
+  {
+    key: "rows",
+    className: "teddy-grid-template-rows",
+    values: u
+  },
+  {
+    key: "flow",
+    className: "teddy-grid-auto-flow",
+    values: y
+  },
+  {
+    key: "align",
+    className: "teddy-align-items",
+    values: g
+  },
+  {
+    key: "justify",
+    className: "teddy-justify-content",
+    values: p
+  },
+  {
+    key: "gap",
+    className: "teddy-gap",
+    values: f
+  }
+];
+function w(e) {
+  return Object.entries(e).map(([s, t]) => {
+    const n = N.find((a) => a.key === s);
+    if (t !== null && n)
+      return k({
+        responsiveValue: t,
+        rootClassName: `${n.className}`
+      });
+  }).filter(Boolean);
+}
+function k({
+  responsiveValue: e,
+  rootClassName: s
 }) {
-  if (t)
-    return typeof t == "object" && t ? Object.entries(t).map(([c, $]) => [r[`${c}:${n}-${$}`]]) : [r[`${n}-${t}`]];
+  if (!e)
+    return [];
+  if (typeof e == "object" && e !== null)
+    return Object.entries(e).map(([r, l]) => {
+      const m = `${s}`, c = `${r}:${s}--${l}`;
+      return [m, c];
+    });
+  const t = `${s}`, n = `${s}--${e}`;
+  return [t, n];
 }
 export {
-  e as extractResponsiveClassName
+  g as alignValues,
+  i as columnsValues,
+  d as displayValues,
+  k as extractResponsiveClassName,
+  w as extractResponsiveLayout,
+  y as flowValues,
+  f as gapValues,
+  p as justifyValues,
+  u as rowsValues
 };

package/package.json

@@ -6,12 +6,12 @@
   "files": [
     "dist"
   ],
-  "engines": {
-    "node": ">=20",
+  "devEngines": {
+    "node": "18.x || 20.x || 21.x",
     "pnpm": ">=8"
   },
   "private": false,
-  "version": "0.0.4",
+  "version": "0.0.5",
   "sideEffects": [
     "**/*.css"
   ],