@idealyst/mcp-server 1.0.98 → 1.1.0

package/dist/data/components/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/data/components/Accordion.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAyGrB,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/data/components/Accordion.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAkHrB,CAAC"}

package/dist/data/components/Accordion.js

@@ -1,18 +1,27 @@
 export const Accordion = {
     category: "display",
-    description: "Expandable/collapsible content sections with support for single or multiple open items",
+    description: "Expandable/collapsible content sections with spacing variants and support for single or multiple open items",
     props: `
 - \`items\`: AccordionItem[] - Array of accordion items with title and content
 - \`allowMultiple\`: boolean - Whether multiple items can be expanded at once
 - \`defaultExpanded\`: string[] - Array of item IDs that should be expanded by default
 - \`type\`: AccordionType - The visual style variant of the accordion
 - \`size\`: AccordionSizeVariant - The size variant of accordion items
+- \`gap\`: Size - Space between accordion items ('xs' | 'sm' | 'md' | 'lg' | 'xl')
+- \`padding\`: Size - Padding on all sides
+- \`paddingVertical\`: Size - Top and bottom padding
+- \`paddingHorizontal\`: Size - Left and right padding
+- \`margin\`: Size - Margin on all sides
+- \`marginVertical\`: Size - Top and bottom margin
+- \`marginHorizontal\`: Size - Left and right margin
 `,
     features: [
         "Single or multiple item expansion modes",
         "Default expanded items support",
         "Three visual variants",
         "Three size options",
+        "Gap variant for spacing between items",
+        "Padding and margin variants",
         "Disabled item state",
         "Controlled and uncontrolled modes",
     ],

package/dist/data/components/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/data/components/Accordion.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,wFAAwF;IACjG,KAAK,EAAE;;;;;;CAMZ;IACC,QAAQ,EAAE;QACR,yCAAyC;QACzC,gCAAgC;QAChC,uBAAuB;QACvB,oBAAoB;QACpB,qBAAqB;QACrB,mCAAmC;KACpC;IACD,aAAa,EAAE;QACb,yDAAyD;QACzD,+CAA+C;QAC/C,4EAA4E;QAC5E,+CAA+C;QAC/C,2DAA2D;KAC5D;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;CAqBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;4BAOiB;QAExB,QAAQ,EAAE;;;;;;;;;4CAS8B;QAExC,YAAY,EAAE;;;;;;;;;;;;;;;6CAe2B;QAEzC,WAAW,EAAE;;;;;;;;;;;;;;;;;;EAkBf;KACC;CACF,CAAC"}
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/data/components/Accordion.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,6GAA6G;IACtH,KAAK,EAAE;;;;;;;;;;;;;CAaZ;IACC,QAAQ,EAAE;QACR,yCAAyC;QACzC,gCAAgC;QAChC,uBAAuB;QACvB,oBAAoB;QACpB,uCAAuC;QACvC,6BAA6B;QAC7B,qBAAqB;QACrB,mCAAmC;KACpC;IACD,aAAa,EAAE;QACb,yDAAyD;QACzD,+CAA+C;QAC/C,4EAA4E;QAC5E,+CAA+C;QAC/C,2DAA2D;KAC5D;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;CAqBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;4BAOiB;QAExB,QAAQ,EAAE;;;;;;;;;4CAS8B;QAExC,YAAY,EAAE;;;;;;;;;;;;;;;6CAe2B;QAEzC,WAAW,EAAE;;;;;;;;;;;;;;;;;;EAkBf;KACC;CACF,CAAC"}

package/dist/data/components/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/data/components/Card.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAkEhB,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/data/components/Card.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAyEhB,CAAC"}

package/dist/data/components/Card.js

@@ -1,10 +1,16 @@
 export const Card = {
     category: "display",
-    description: "Container component for grouping related content with various visual styles",
+    description: "Container component for grouping related content with spacing variants and visual styles",
     props: `
 - \`children\`: React.ReactNode - The content to display inside the card
 - \`type\`: CardType - The visual style variant of the card
-- \`padding\`: CardPaddingVariant - The padding size inside the card
+- \`gap\`: Size - Space between children ('xs' | 'sm' | 'md' | 'lg' | 'xl')
+- \`padding\`: Size - Padding on all sides ('xs' | 'sm' | 'md' | 'lg' | 'xl')
+- \`paddingVertical\`: Size - Top and bottom padding
+- \`paddingHorizontal\`: Size - Left and right padding
+- \`margin\`: Size - Margin on all sides
+- \`marginVertical\`: Size - Top and bottom margin
+- \`marginHorizontal\`: Size - Left and right margin
 - \`radius\`: CardRadiusVariant - The border radius of the card
 - \`intent\`: CardIntentVariant - The intent/color scheme of the card
 - \`clickable\`: boolean - Whether the card is clickable
@@ -14,45 +20,45 @@ export const Card = {
     features: [
         "Four visual variants",
         "Intent-based color schemes",
-        "Configurable padding and border radius",
+        "Gap variant for spacing between children",
+        "Padding variants (uniform and directional)",
+        "Margin variants (uniform and directional)",
+        "Configurable border radius",
         "Clickable with press handler",
         "Flexible content container",
     ],
     bestPractices: [
         "Use 'elevated' variant for prominent content",
         "Group related content within cards",
-        "Use appropriate padding for content density",
+        "Use gap prop for spacing between children",
+        "Use padding prop for consistent internal spacing",
         "Make cards clickable only when they represent an action",
     ],
     usage: `
-import { Card, Text, View } from '@idealyst/components';
+import { Card, Text } from '@idealyst/components';
 
-<Card type="elevated" padding="md">
-  <View spacing="sm">
-    <Text weight="bold">Card Title</Text>
-    <Text size="sm">Card content goes here</Text>
-  </View>
+<Card type="elevated" padding="md" gap="sm">
+  <Text weight="bold">Card Title</Text>
+  <Text size="sm">Card content goes here</Text>
 </Card>
 `,
     examples: {
         basic: `import { Card, Text } from '@idealyst/components';
 
-<Card>
+<Card padding="md">
   <Text>Simple card content</Text>
 </Card>`,
         variants: `import { Card, Text } from '@idealyst/components';
 
-<Card type="default"><Text>Default</Text></Card>
-<Card type="outlined"><Text>Outlined</Text></Card>
-<Card type="elevated"><Text>Elevated</Text></Card>
-<Card type="filled"><Text>Filled</Text></Card>`,
+<Card type="default" padding="md"><Text>Default</Text></Card>
+<Card type="outlined" padding="md"><Text>Outlined</Text></Card>
+<Card type="elevated" padding="md"><Text>Elevated</Text></Card>
+<Card type="filled" padding="md"><Text>Filled</Text></Card>`,
         "with-icons": `import { Card, View, Text, Icon } from '@idealyst/components';
 
-<Card type="outlined">
-  <View spacing="sm">
-    <Icon name="information" size="lg" />
-    <Text>Card with icon header</Text>
-  </View>
+<Card type="outlined" padding="md" gap="sm">
+  <Icon name="information" size="lg" />
+  <Text>Card with icon header</Text>
 </Card>`,
         interactive: `import { Card, Text } from '@idealyst/components';
 
@@ -60,6 +66,7 @@ import { Card, Text, View } from '@idealyst/components';
   clickable
   onPress={() => console.log('Card clicked')}
   type="outlined"
+  padding="md"
 >
   <Text>Click this card</Text>
 </Card>`,

package/dist/data/components/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/data/components/Card.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IACpB,QAAQ,EAAE,SAAS;IACf,WAAW,EAAE,6EAA6E;IACtF,KAAK,EAAE;;;;;;;;;CASd;IACG,QAAQ,EAAE;QACR,sBAAsB;QACtB,4BAA4B;QAC5B,wCAAwC;QACxC,8BAA8B;QAC9B,4BAA4B;KAC7B;IACD,aAAa,EAAE;QACb,8CAA8C;QAC9C,oCAAoC;QACpC,6CAA6C;QAC7C,yDAAyD;KAC1D;IACD,KAAK,EAAE;;;;;;;;;CASV;IACG,QAAQ,EAAE;QACR,KAAK,EAAE;;;;QAIL;QACF,QAAQ,EAAE;;;;;+CAK+B;QACzC,YAAY,EAAE;;;;;;;QAOZ;QACF,WAAW,EAAE;;;;;;;;QAQX;KACH;CACJ,CAAC"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/data/components/Card.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IACpB,QAAQ,EAAE,SAAS;IACf,WAAW,EAAE,0FAA0F;IACnG,KAAK,EAAE;;;;;;;;;;;;;;;CAed;IACG,QAAQ,EAAE;QACR,sBAAsB;QACtB,4BAA4B;QAC5B,0CAA0C;QAC1C,4CAA4C;QAC5C,2CAA2C;QAC3C,4BAA4B;QAC5B,8BAA8B;QAC9B,4BAA4B;KAC7B;IACD,aAAa,EAAE;QACb,8CAA8C;QAC9C,oCAAoC;QACpC,2CAA2C;QAC3C,kDAAkD;QAClD,yDAAyD;KAC1D;IACD,KAAK,EAAE;;;;;;;CAOV;IACG,QAAQ,EAAE;QACR,KAAK,EAAE;;;;QAIL;QACF,QAAQ,EAAE;;;;;4DAK4C;QACtD,YAAY,EAAE;;;;;QAKZ;QACF,WAAW,EAAE;;;;;;;;;QASX;KACH;CACJ,CAAC"}

package/dist/data/components/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/data/components/Checkbox.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;CAoHpB,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/data/components/Checkbox.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;CAuHpB,CAAC"}

package/dist/data/components/Checkbox.js

@@ -1,6 +1,6 @@
 export const Checkbox = {
     category: "form",
-    description: "Form checkbox for boolean selection with label and validation support",
+    description: "Form checkbox with margin variants for boolean selection, label, and validation support",
     props: `
 - \`checked\`: boolean - Whether the checkbox is checked
 - \`indeterminate\`: boolean - Whether the checkbox is in an indeterminate state
@@ -14,6 +14,9 @@ export const Checkbox = {
 - \`required\`: boolean - Whether the checkbox is required
 - \`error\`: string - Error message to display
 - \`helperText\`: string - Helper text to display
+- \`margin\`: Size - Margin on all sides ('xs' | 'sm' | 'md' | 'lg' | 'xl')
+- \`marginVertical\`: Size - Top and bottom margin
+- \`marginHorizontal\`: Size - Left and right margin
 `,
     features: [
         "Checked, unchecked, and indeterminate states",

package/dist/data/components/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/data/components/Checkbox.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,uEAAuE;IAChF,KAAK,EAAE;;;;;;;;;;;;;CAaZ;IACC,QAAQ,EAAE;QACR,8CAA8C;QAC9C,4CAA4C;QAC5C,aAAa;QACb,qBAAqB;QACrB,uBAAuB;QACvB,wBAAwB;QACxB,wCAAwC;KACzC;IACD,aAAa,EAAE;QACb,0CAA0C;QAC1C,+EAA+E;QAC/E,4BAA4B;QAC5B,4CAA4C;QAC5C,mCAAmC;KACpC;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;CAgBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;6CAEkC;QAEzC,QAAQ,EAAE;;;;;;QAMN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;QAaV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCf;KACC;CACF,CAAC"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/data/components/Checkbox.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,yFAAyF;IAClG,KAAK,EAAE;;;;;;;;;;;;;;;;CAgBZ;IACC,QAAQ,EAAE;QACR,8CAA8C;QAC9C,4CAA4C;QAC5C,aAAa;QACb,qBAAqB;QACrB,uBAAuB;QACvB,wBAAwB;QACxB,wCAAwC;KACzC;IACD,aAAa,EAAE;QACb,0CAA0C;QAC1C,+EAA+E;QAC/E,4BAA4B;QAC5B,4CAA4C;QAC5C,mCAAmC;KACpC;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;CAgBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;6CAEkC;QAEzC,QAAQ,EAAE;;;;;;QAMN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;QAaV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCf;KACC;CACF,CAAC"}

package/dist/data/components/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/data/components/Input.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAqJjB,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/data/components/Input.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAwJjB,CAAC"}

package/dist/data/components/Input.js

@@ -1,6 +1,6 @@
 export const Input = {
     category: "form",
-    description: "Text input field with icons, password visibility toggle, and various input types",
+    description: "Text input field with icons, password visibility toggle, margin variants, and various input types",
     props: `
 - \`value\`: string - The current value of the input
 - \`onChangeText\`: function - Called when the text changes
@@ -18,6 +18,9 @@ export const Input = {
 - \`type\`: InputType - Style variant of the input
 - \`intent\`: InputIntent - The intent/color scheme of the input (for focus states, validation, etc.)
 - \`hasError\`: boolean - Whether the input has an error state
+- \`margin\`: Size - Margin on all sides ('xs' | 'sm' | 'md' | 'lg' | 'xl')
+- \`marginVertical\`: Size - Top and bottom margin
+- \`marginHorizontal\`: Size - Left and right margin
 `,
     features: [
         "Left and right icon support with MDI icons",

package/dist/data/components/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/data/components/Input.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACrB,QAAQ,EAAE,MAAM;IACZ,WAAW,EAAE,kFAAkF;IAC3F,KAAK,EAAE;;;;;;;;;;;;;;;;;CAiBd;IACG,QAAQ,EAAE;QACR,4CAA4C;QAC5C,mDAAmD;QACnD,sDAAsD;QACtD,qBAAqB;QACrB,uDAAuD;QACvD,gBAAgB;QAChB,6BAA6B;QAC7B,+BAA+B;KAChC;IACD,aAAa,EAAE;QACb,sEAAsE;QACtE,sDAAsD;QACtD,yEAAyE;QACzE,0CAA0C;QAC1C,mEAAmE;KACpE;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;CAiBV;IACG,QAAQ,EAAE;QACR,KAAK,EAAE;;;;GAIV;QACG,QAAQ,EAAE;;;;;;;;;;;;;;;;;;yCAkByB;QACnC,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCjB;QACG,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;EAyBjB;KACG;CACJ,CAAC"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/data/components/Input.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACrB,QAAQ,EAAE,MAAM;IACZ,WAAW,EAAE,mGAAmG;IAC5G,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;CAoBd;IACG,QAAQ,EAAE;QACR,4CAA4C;QAC5C,mDAAmD;QACnD,sDAAsD;QACtD,qBAAqB;QACrB,uDAAuD;QACvD,gBAAgB;QAChB,6BAA6B;QAC7B,+BAA+B;KAChC;IACD,aAAa,EAAE;QACb,sEAAsE;QACtE,sDAAsD;QACtD,yEAAyE;QACzE,0CAA0C;QAC1C,mEAAmE;KACpE;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;CAiBV;IACG,QAAQ,EAAE;QACR,KAAK,EAAE;;;;GAIV;QACG,QAAQ,EAAE;;;;;;;;;;;;;;;;;;yCAkByB;QACnC,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCjB;QACG,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;EAyBjB;KACG;CACJ,CAAC"}

package/dist/data/components/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/data/components/List.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAsGhB,CAAC"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/data/components/List.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI;;;;;;;;;;;;;CA+GhB,CAAC"}

package/dist/data/components/List.js

@@ -1,16 +1,25 @@
 export const List = {
     category: "display",
-    description: "Vertical list container with support for sections, icons, and interactive items",
+    description: "Vertical list container with spacing variants, sections, icons, and interactive items",
     props: `
 - \`children\`: React.ReactNode - List items and sections to display
 - \`type\`: ListType - The visual style variant of the list
 - \`size\`: ListSizeVariant - The size variant of list items
+- \`gap\`: Size - Space between children ('xs' | 'sm' | 'md' | 'lg' | 'xl')
+- \`padding\`: Size - Padding on all sides
+- \`paddingVertical\`: Size - Top and bottom padding
+- \`paddingHorizontal\`: Size - Left and right padding
+- \`margin\`: Size - Margin on all sides
+- \`marginVertical\`: Size - Top and bottom margin
+- \`marginHorizontal\`: Size - Left and right margin
 - \`scrollable\`: boolean - Whether the list is scrollable
 - \`maxHeight\`: number | string - Maximum height of the scrollable list
 `,
     features: [
         "Three visual variants",
         "Configurable item sizes",
+        "Gap variant for spacing between items",
+        "Padding and margin variants",
         "Leading and trailing elements (icons, badges, etc.)",
         "Selected and active states",
         "Section grouping with titles",

package/dist/data/components/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/data/components/List.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IACpB,QAAQ,EAAE,SAAS;IACf,WAAW,EAAE,iFAAiF;IAC1F,KAAK,EAAE;;;;;;CAMd;IACG,QAAQ,EAAE;QACR,uBAAuB;QACvB,yBAAyB;QACzB,qDAAqD;QACrD,4BAA4B;QAC5B,8BAA8B;QAC9B,2BAA2B;QAC3B,+BAA+B;KAChC;IACD,aAAa,EAAE;QACb,wCAAwC;QACxC,6CAA6C;QAC7C,+CAA+C;QAC/C,uCAAuC;KACxC;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;CAiBV;IACG,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;QAML;QACF,QAAQ,EAAE;;;;;;;;;;;;QAYR;QACF,YAAY,EAAE;;;;;;;;;;;;;QAaZ;QACF,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;EAsBjB;KACG;CACJ,CAAC"}
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/data/components/List.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IACpB,QAAQ,EAAE,SAAS;IACf,WAAW,EAAE,uFAAuF;IAChG,KAAK,EAAE;;;;;;;;;;;;;CAad;IACG,QAAQ,EAAE;QACR,uBAAuB;QACvB,yBAAyB;QACzB,uCAAuC;QACvC,6BAA6B;QAC7B,qDAAqD;QACrD,4BAA4B;QAC5B,8BAA8B;QAC9B,2BAA2B;QAC3B,+BAA+B;KAChC;IACD,aAAa,EAAE;QACb,wCAAwC;QACxC,6CAA6C;QAC7C,+CAA+C;QAC/C,uCAAuC;KACxC;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;CAiBV;IACG,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;QAML;QACF,QAAQ,EAAE;;;;;;;;;;;;QAYR;QACF,YAAY,EAAE;;;;;;;;;;;;;QAaZ;QACF,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;EAsBjB;KACG;CACJ,CAAC"}

package/dist/data/components/Pressable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../../src/data/components/Pressable.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;;;;;CA0HrB,CAAC"}
+{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../../src/data/components/Pressable.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;;;;;CA8HrB,CAAC"}

package/dist/data/components/Pressable.js

@@ -1,16 +1,20 @@
 export const Pressable = {
     category: "utility",
-    description: "Wrapper component that detects various press interactions on children",
+    description: "Wrapper component that detects various press interactions on children with padding variants",
     props: `
 - \`children\`: React.ReactNode - Content to render inside the pressable area
 - \`onPress\`: function - Called when the press gesture is activated
 - \`onPressIn\`: function - Called when the press gesture starts
 - \`onPressOut\`: function - Called when the press gesture ends
 - \`disabled\`: boolean - Whether the pressable is disabled
+- \`padding\`: Size - Padding on all sides ('xs' | 'sm' | 'md' | 'lg' | 'xl')
+- \`paddingVertical\`: Size - Top and bottom padding
+- \`paddingHorizontal\`: Size - Left and right padding
 `,
     features: [
         "Press, press-in, press-out callbacks",
         "Disabled state",
+        "Padding variants (uniform and directional)",
         "Accessibility support",
         "Custom styling",
         "Cross-platform support",

package/dist/data/components/Pressable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pressable.js","sourceRoot":"","sources":["../../../src/data/components/Pressable.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,uEAAuE;IAChF,KAAK,EAAE;;;;;;CAMZ;IACC,QAAQ,EAAE;QACR,sCAAsC;QACtC,gBAAgB;QAChB,uBAAuB;QACvB,gBAAgB;QAChB,wBAAwB;QACxB,gBAAgB;KACjB;IACD,aAAa,EAAE;QACb,qCAAqC;QACrC,gDAAgD;QAChD,+CAA+C;QAC/C,4CAA4C;QAC5C,8BAA8B;QAC9B,qCAAqC;KACtC;IACD,KAAK,EAAE;;;;;;;;CAQR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;aAIE;QAET,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;EAsBZ;QAEE,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;aAoBL;QAET,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCf;KACC;CACF,CAAC"}
+{"version":3,"file":"Pressable.js","sourceRoot":"","sources":["../../../src/data/components/Pressable.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,6FAA6F;IACtG,KAAK,EAAE;;;;;;;;;CASZ;IACC,QAAQ,EAAE;QACR,sCAAsC;QACtC,gBAAgB;QAChB,4CAA4C;QAC5C,uBAAuB;QACvB,gBAAgB;QAChB,wBAAwB;QACxB,gBAAgB;KACjB;IACD,aAAa,EAAE;QACb,qCAAqC;QACrC,gDAAgD;QAChD,+CAA+C;QAC/C,4CAA4C;QAC5C,8BAA8B;QAC9B,qCAAqC;KACtC;IACD,KAAK,EAAE;;;;;;;;CAQR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;aAIE;QAET,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;EAsBZ;QAEE,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;aAoBL;QAET,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCf;KACC;CACF,CAAC"}

package/dist/data/components/RadioButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../src/data/components/RadioButton.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAiIvB,CAAC"}
+{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../src/data/components/RadioButton.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAoIvB,CAAC"}

package/dist/data/components/RadioButton.js

@@ -1,6 +1,6 @@
 export const RadioButton = {
     category: "form",
-    description: "Radio button for single-choice selection within a group",
+    description: "Radio button with margin variants for single-choice selection within a group",
     props: `
 - \`value\`: string - The value of this radio button option
 - \`checked\`: boolean - Whether this radio button is selected
@@ -9,6 +9,9 @@ export const RadioButton = {
 - \`label\`: string - Label text to display next to the radio button
 - \`size\`: RadioButtonSizeVariant - The size variant of the radio button
 - \`intent\`: RadioButtonIntentVariant - The intent/color scheme of the radio button
+- \`margin\`: Size - Margin on all sides ('xs' | 'sm' | 'md' | 'lg' | 'xl')
+- \`marginVertical\`: Size - Top and bottom margin
+- \`marginHorizontal\`: Size - Left and right margin
 `,
     features: [
         "Single selection within group",

package/dist/data/components/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../src/data/components/RadioButton.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,yDAAyD;IAClE,KAAK,EAAE;;;;;;;;CAQZ;IACC,QAAQ,EAAE;QACR,+BAA+B;QAC/B,iCAAiC;QACjC,eAAe;QACf,aAAa;QACb,oBAAoB;QACpB,sCAAsC;QACtC,sBAAsB;KACvB;IACD,aAAa,EAAE;QACb,0CAA0C;QAC1C,yCAAyC;QACzC,kDAAkD;QAClD,4CAA4C;QAC5C,wCAAwC;QACxC,gCAAgC;KACjC;IACD,KAAK,EAAE;;;;;;;;;;;;;;;CAeR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;cAKG;QAEV,QAAQ,EAAE;;;;;;;;;;;;;;;QAeN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;cAkBJ;QAEV,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqCf;KACC;CACF,CAAC"}
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../src/data/components/RadioButton.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,8EAA8E;IACvF,KAAK,EAAE;;;;;;;;;;;CAWZ;IACC,QAAQ,EAAE;QACR,+BAA+B;QAC/B,iCAAiC;QACjC,eAAe;QACf,aAAa;QACb,oBAAoB;QACpB,sCAAsC;QACtC,sBAAsB;KACvB;IACD,aAAa,EAAE;QACb,0CAA0C;QAC1C,yCAAyC;QACzC,kDAAkD;QAClD,4CAA4C;QAC5C,wCAAwC;QACxC,gCAAgC;KACjC;IACD,KAAK,EAAE;;;;;;;;;;;;;;;CAeR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;cAKG;QAEV,QAAQ,EAAE;;;;;;;;;;;;;;;QAeN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;cAkBJ;QAEV,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqCf;KACC;CACF,CAAC"}

package/dist/data/components/Screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../src/data/components/Screen.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAsGlB,CAAC"}
+{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../src/data/components/Screen.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CA8GlB,CAAC"}

package/dist/data/components/Screen.js

@@ -1,12 +1,18 @@
 export const Screen = {
     category: "layout",
-    description: "Full-screen container component with background variants, padding, and safe area support",
+    description: "Full-screen container component with spacing variants, background variants, and safe area support",
     props: `
 - \`children\`: React.ReactNode - The content to display inside the screen
+- \`gap\`: Size - Space between children ('xs' | 'sm' | 'md' | 'lg' | 'xl')
+- \`padding\`: Size - Padding on all sides
+- \`paddingVertical\`: Size - Top and bottom padding
+- \`paddingHorizontal\`: Size - Left and right padding
+- \`margin\`: Size - Margin on all sides
+- \`marginVertical\`: Size - Top and bottom margin
+- \`marginHorizontal\`: Size - Left and right margin
 - \`background\`: Surface | 'transparent' - Background variant - controls the background color
-- \`padding\`: Size | 'none' - Screen padding variant
 - \`safeArea\`: boolean - Safe area padding for mobile devices
-- \`top\`: number - Content inset padding for scrollable content (mobile only) Adds padding to the scroll view's content container Useful for adding safe area insets or additional spacing
+- \`top\`: number - Content inset padding for scrollable content (mobile only)
 - \`bottom\`: number - Bottom content inset padding for scrollable content
 - \`left\`: number - Left content inset padding for scrollable content
 - \`right\`: number - Right content inset padding for scrollable content
@@ -14,7 +20,9 @@ export const Screen = {
 `,
     features: [
         "Four background color variants",
-        "Five padding options",
+        "Gap variant for spacing between children",
+        "Padding variants (uniform and directional)",
+        "Margin variants (uniform and directional)",
         "Safe area support for notches/home indicators",
         "Optional scrollable content",
         "Full-screen container",

package/dist/data/components/Screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"Screen.js","sourceRoot":"","sources":["../../../src/data/components/Screen.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,QAAQ;IAClB,WAAW,EAAE,0FAA0F;IACnG,KAAK,EAAE;;;;;;;;;;CAUZ;IACC,QAAQ,EAAE;QACR,gCAAgC;QAChC,sBAAsB;QACtB,+CAA+C;QAC/C,6BAA6B;QAC7B,uBAAuB;QACvB,wBAAwB;KACzB;IACD,aAAa,EAAE;QACb,uCAAuC;QACvC,iCAAiC;QACjC,2CAA2C;QAC3C,2DAA2D;QAC3D,wCAAwC;QACxC,oCAAoC;KACrC;IACD,KAAK,EAAE;;;;;;;;;CASR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;UAID;QAEN,QAAQ,EAAE;;;;;;2DAM6C;QAEvD,YAAY,EAAE;;;;;;;;;;;;;;UAcR;QAEN,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6Bf;KACC;CACF,CAAC"}
+{"version":3,"file":"Screen.js","sourceRoot":"","sources":["../../../src/data/components/Screen.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,QAAQ;IAClB,WAAW,EAAE,mGAAmG;IAC5G,KAAK,EAAE;;;;;;;;;;;;;;;;CAgBZ;IACC,QAAQ,EAAE;QACR,gCAAgC;QAChC,0CAA0C;QAC1C,4CAA4C;QAC5C,2CAA2C;QAC3C,+CAA+C;QAC/C,6BAA6B;QAC7B,uBAAuB;QACvB,wBAAwB;KACzB;IACD,aAAa,EAAE;QACb,uCAAuC;QACvC,iCAAiC;QACjC,2CAA2C;QAC3C,2DAA2D;QAC3D,wCAAwC;QACxC,oCAAoC;KACrC;IACD,KAAK,EAAE;;;;;;;;;CASR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;UAID;QAEN,QAAQ,EAAE;;;;;;2DAM6C;QAEvD,YAAY,EAAE;;;;;;;;;;;;;;UAcR;QAEN,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6Bf;KACC;CACF,CAAC"}

package/dist/data/components/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/data/components/Select.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CA2IlB,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/data/components/Select.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CA8IlB,CAAC"}

package/dist/data/components/Select.js

@@ -1,6 +1,6 @@
 export const Select = {
     category: "form",
-    description: "Dropdown select component for choosing from a list of options",
+    description: "Dropdown select component with margin variants for choosing from a list of options",
     props: `
 - \`options\`: SelectOption[] - Array of options to display in the select
 - \`value\`: string - The currently selected value
@@ -12,9 +12,12 @@ export const Select = {
 - \`label\`: string - Label text to display above the select
 - \`intent\`: SelectIntentVariant - The visual type of the select The intent/color scheme of the select
 - \`size\`: SelectSizeVariant - The size of the select
+- \`margin\`: Size - Margin on all sides ('xs' | 'sm' | 'md' | 'lg' | 'xl')
+- \`marginVertical\`: Size - Top and bottom margin
+- \`marginHorizontal\`: Size - Left and right margin
 - \`searchable\`: boolean - Whether to show a search/filter input (web only)
 - \`filterOption\`: (option: SelectOption, searchTerm: string) => boolean - Custom search filter function (used with searchable)
-- \`presentationMode\`: 'dropdown' | 'actionSheet' - Native iOS presentation mode (native only) 'dropdown' uses a standard dropdown overlay 'actionSheet' uses iOS ActionSheet for selection
+- \`presentationMode\`: 'dropdown' | 'actionSheet' - Native iOS presentation mode (native only)
 - \`maxHeight\`: number - Maximum height for the dropdown content
 `,
     features: [

package/dist/data/components/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/data/components/Select.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,+DAA+D;IACxE,KAAK,EAAE;;;;;;;;;;;;;;;CAeZ;IACC,QAAQ,EAAE;QACR,+BAA+B;QAC/B,2BAA2B;QAC3B,0BAA0B;QAC1B,qBAAqB;QACrB,uBAAuB;QACvB,aAAa;QACb,kBAAkB;QAClB,kBAAkB;QAClB,sCAAsC;KACvC;IACD,aAAa,EAAE;QACb,+CAA+C;QAC/C,yCAAyC;QACzC,gCAAgC;QAChC,gCAAgC;QAChC,0CAA0C;QAC1C,0CAA0C;KAC3C;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;CAuBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;qDAO0C;QAEjD,QAAQ,EAAE;;;;;;;;QAQN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;GAaf;QAEC,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCf;KACC;CACF,CAAC"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/data/components/Select.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,oFAAoF;IAC7F,KAAK,EAAE;;;;;;;;;;;;;;;;;;CAkBZ;IACC,QAAQ,EAAE;QACR,+BAA+B;QAC/B,2BAA2B;QAC3B,0BAA0B;QAC1B,qBAAqB;QACrB,uBAAuB;QACvB,aAAa;QACb,kBAAkB;QAClB,kBAAkB;QAClB,sCAAsC;KACvC;IACD,aAAa,EAAE;QACb,+CAA+C;QAC/C,yCAAyC;QACzC,gCAAgC;QAChC,gCAAgC;QAChC,0CAA0C;QAC1C,0CAA0C;KAC3C;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;CAuBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;qDAO0C;QAEjD,QAAQ,EAAE;;;;;;;;QAQN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;GAaf;QAEC,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCf;KACC;CACF,CAAC"}

package/dist/data/components/Slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/data/components/Slider.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAqJlB,CAAC"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/data/components/Slider.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAwJlB,CAAC"}

package/dist/data/components/Slider.js

@@ -1,6 +1,6 @@
 export const Slider = {
     category: "form",
-    description: "Input slider for selecting numeric values from a range",
+    description: "Input slider with margin variants for selecting numeric values from a range",
     props: `
 - \`value\`: number - The current value of the slider (controlled)
 - \`defaultValue\`: number - The default value for uncontrolled usage
@@ -13,6 +13,9 @@ export const Slider = {
 - \`marks\`: SliderMark[] - Array of marks to display on the slider track
 - \`intent\`: SliderIntentVariant - The intent/color scheme of the slider
 - \`size\`: SliderSizeVariant - The size variant of the slider
+- \`margin\`: Size - Margin on all sides ('xs' | 'sm' | 'md' | 'lg' | 'xl')
+- \`marginVertical\`: Size - Top and bottom margin
+- \`marginHorizontal\`: Size - Left and right margin
 - \`icon\`: IconName | React.ReactNode - Icon to display in the slider thumb
 - \`onValueChange\`: function - Called when the slider value changes during dragging
 - \`onValueCommit\`: function - Called when the user finishes changing the value (on release)

package/dist/data/components/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/data/components/Slider.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,wDAAwD;IACjE,KAAK,EAAE;;;;;;;;;;;;;;;CAeZ;IACC,QAAQ,EAAE;QACR,mCAAmC;QACnC,2BAA2B;QAC3B,gBAAgB;QAChB,cAAc;QACd,eAAe;QACf,gBAAgB;QAChB,aAAa;QACb,oBAAoB;QACpB,uBAAuB;QACvB,6BAA6B;KAC9B;IACD,aAAa,EAAE;QACb,mCAAmC;QACnC,sCAAsC;QACtC,gCAAgC;QAChC,yCAAyC;QACzC,4CAA4C;QAC5C,oCAAoC;KACrC;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;CAmBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;+CAEoC;QAE3C,QAAQ,EAAE;;;;;;QAMN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2ChB;QAEE,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8Bf;KACC;CACF,CAAC"}
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/data/components/Slider.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,6EAA6E;IACtF,KAAK,EAAE;;;;;;;;;;;;;;;;;;CAkBZ;IACC,QAAQ,EAAE;QACR,mCAAmC;QACnC,2BAA2B;QAC3B,gBAAgB;QAChB,cAAc;QACd,eAAe;QACf,gBAAgB;QAChB,aAAa;QACb,oBAAoB;QACpB,uBAAuB;QACvB,6BAA6B;KAC9B;IACD,aAAa,EAAE;QACb,mCAAmC;QACnC,sCAAsC;QACtC,gCAAgC;QAChC,yCAAyC;QACzC,4CAA4C;QAC5C,oCAAoC;KACrC;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;CAmBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;+CAEoC;QAE3C,QAAQ,EAAE;;;;;;QAMN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2ChB;QAEE,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8Bf;KACC;CACF,CAAC"}

package/dist/data/components/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/data/components/Switch.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CA8HlB,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/data/components/Switch.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAiIlB,CAAC"}

package/dist/data/components/Switch.js

@@ -1,6 +1,6 @@
 export const Switch = {
     category: "form",
-    description: "Toggle switch for binary on/off states",
+    description: "Toggle switch with margin variants for binary on/off states",
     props: `
 - \`checked\`: boolean - Whether the switch is in the on/checked state
 - \`onCheckedChange\`: function - Called when the switch state changes
@@ -9,6 +9,9 @@ export const Switch = {
 - \`labelPosition\`: 'left' | 'right' - Position of the label relative to the switch
 - \`intent\`: SwitchIntentVariant - The intent/color scheme of the switch
 - \`size\`: SwitchSizeVariant - The size variant of the switch
+- \`margin\`: Size - Margin on all sides ('xs' | 'sm' | 'md' | 'lg' | 'xl')
+- \`marginVertical\`: Size - Top and bottom margin
+- \`marginHorizontal\`: Size - Left and right margin
 - \`enabledIcon\`: IconName | React.ReactNode - Icon to display when switch is on
 - \`disabledIcon\`: IconName | React.ReactNode - Icon to display when switch is off
 `,

package/dist/data/components/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/data/components/Switch.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,wCAAwC;IACjD,KAAK,EAAE;;;;;;;;;;CAUZ;IACC,QAAQ,EAAE;QACR,sBAAsB;QACtB,kCAAkC;QAClC,aAAa;QACb,oBAAoB;QACpB,yBAAyB;QACzB,gBAAgB;QAChB,qBAAqB;KACtB;IACD,aAAa,EAAE;QACb,oDAAoD;QACpD,sBAAsB;QACtB,6CAA6C;QAC7C,sCAAsC;QACtC,iCAAiC;QACjC,4CAA4C;KAC7C;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;CAgBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;kCAEuB;QAE9B,QAAQ,EAAE;;;;;;QAMN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;EAgBhB;QAEE,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6Cf;KACC;CACF,CAAC"}
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/data/components/Switch.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,6DAA6D;IACtE,KAAK,EAAE;;;;;;;;;;;;;CAaZ;IACC,QAAQ,EAAE;QACR,sBAAsB;QACtB,kCAAkC;QAClC,aAAa;QACb,oBAAoB;QACpB,yBAAyB;QACzB,gBAAgB;QAChB,qBAAqB;KACtB;IACD,aAAa,EAAE;QACb,oDAAoD;QACpD,sBAAsB;QACtB,6CAA6C;QAC7C,sCAAsC;QACtC,iCAAiC;QACjC,4CAA4C;KAC7C;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;CAgBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;kCAEuB;QAE9B,QAAQ,EAAE;;;;;;QAMN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;EAgBhB;QAEE,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6Cf;KACC;CACF,CAAC"}

package/dist/data/components/TabBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../src/data/components/TabBar.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CA6IlB,CAAC"}
+{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../src/data/components/TabBar.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAqJlB,CAAC"}

package/dist/data/components/TabBar.js

@@ -1,6 +1,6 @@
 export const TabBar = {
     category: "navigation",
-    description: "Tab bar navigation component for switching between views or sections",
+    description: "Tab bar navigation component with spacing variants for switching between views or sections",
     props: `
 - \`items\`: TabBarItem[] - Array of tab items to display
 - \`value\`: string - The currently selected tab value (controlled)
@@ -8,12 +8,20 @@ export const TabBar = {
 - \`onChange\`: function - Called when the selected tab changes
 - \`type\`: TabBarType - The visual style variant (default, underlined, pills)
 - \`size\`: TabBarSizeVariant - The size variant of the tabs
+- \`gap\`: Size - Space between tabs ('xs' | 'sm' | 'md' | 'lg' | 'xl')
+- \`padding\`: Size - Padding on all sides
+- \`paddingVertical\`: Size - Top and bottom padding
+- \`paddingHorizontal\`: Size - Left and right padding
+- \`margin\`: Size - Margin on all sides
+- \`marginVertical\`: Size - Top and bottom margin
+- \`marginHorizontal\`: Size - Left and right margin
 - \`pillMode\`: TabBarPillMode - Mode for pills variant: 'light' for light backgrounds (dark pill), 'dark' for dark backgrounds (light pill)
 `,
     features: [
         "Three visual variants",
         "Controlled and uncontrolled modes",
         "Three sizes",
+        "Gap, padding, and margin variants",
         "Five intent colors",
         "Disabled tabs",
         "Simple configuration",

package/dist/data/components/TabBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabBar.js","sourceRoot":"","sources":["../../../src/data/components/TabBar.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,YAAY;IACtB,WAAW,EAAE,sEAAsE;IAC/E,KAAK,EAAE;;;;;;;;CAQZ;IACC,QAAQ,EAAE;QACR,uBAAuB;QACvB,mCAAmC;QACnC,aAAa;QACb,oBAAoB;QACpB,eAAe;QACf,sBAAsB;KACvB;IACD,aAAa,EAAE;QACb,mDAAmD;QACnD,4CAA4C;QAC5C,mCAAmC;QACnC,6BAA6B;QAC7B,0CAA0C;QAC1C,4CAA4C;KAC7C;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;CAsBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;0CAO+B;QAEtC,QAAQ,EAAE;;;;;;;;;;;QAWN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;EAwBhB;QAEE,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCf;KACC;CACF,CAAC"}
+{"version":3,"file":"TabBar.js","sourceRoot":"","sources":["../../../src/data/components/TabBar.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,YAAY;IACtB,WAAW,EAAE,4FAA4F;IACrG,KAAK,EAAE;;;;;;;;;;;;;;;CAeZ;IACC,QAAQ,EAAE;QACR,uBAAuB;QACvB,mCAAmC;QACnC,aAAa;QACb,mCAAmC;QACnC,oBAAoB;QACpB,eAAe;QACf,sBAAsB;KACvB;IACD,aAAa,EAAE;QACb,mDAAmD;QACnD,4CAA4C;QAC5C,mCAAmC;QACnC,6BAA6B;QAC7B,0CAA0C;QAC1C,4CAA4C;KAC7C;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;CAsBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;0CAO+B;QAEtC,QAAQ,EAAE;;;;;;;;;;;QAWN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;EAwBhB;QAEE,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCf;KACC;CACF,CAAC"}

package/dist/data/components/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/data/components/Table.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAwJjB,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/data/components/Table.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAgKjB,CAAC"}

package/dist/data/components/Table.js

@@ -1,6 +1,6 @@
 export const Table = {
     category: "data",
-    description: "Data table component for displaying structured tabular data",
+    description: "Data table component with spacing variants for displaying structured tabular data",
     props: `
 - \`columns\`: TableColumn<T>[] - Column definitions
   - \`key\`: string - Unique column key
@@ -12,6 +12,13 @@ export const Table = {
 - \`data\`: T[] - Array of data objects
 - \`variant\`: 'default' | 'bordered' | 'striped' - Visual style
 - \`size\`: 'sm' | 'md' | 'lg' - Cell padding/size
+- \`gap\`: Size - Space between table elements ('xs' | 'sm' | 'md' | 'lg' | 'xl')
+- \`padding\`: Size - Padding on all sides
+- \`paddingVertical\`: Size - Top and bottom padding
+- \`paddingHorizontal\`: Size - Left and right padding
+- \`margin\`: Size - Margin on all sides
+- \`marginVertical\`: Size - Top and bottom margin
+- \`marginHorizontal\`: Size - Left and right margin
 - \`stickyHeader\`: boolean - Keep header fixed on scroll
 - \`onRowPress\`: (row: T, index: number) => void - Row click handler
 - \`style\`: ViewStyle - Additional styles
@@ -22,6 +29,7 @@ export const Table = {
         "Custom cell renderers",
         "Three visual variants",
         "Three sizes",
+        "Gap, padding, and margin variants",
         "Sticky header support",
         "Row click handling",
         "Column alignment",

package/dist/data/components/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/data/components/Table.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,6DAA6D;IAC1E,KAAK,EAAE;;;;;;;;;;;;;;;CAeR;IACC,QAAQ,EAAE;QACR,4BAA4B;QAC5B,uBAAuB;QACvB,uBAAuB;QACvB,aAAa;QACb,uBAAuB;QACvB,oBAAoB;QACpB,kBAAkB;QAClB,sBAAsB;KACvB;IACD,aAAa,EAAE;QACb,8CAA8C;QAC9C,qCAAqC;QACrC,8CAA8C;QAC9C,yCAAyC;QACzC,yCAAyC;QACzC,uCAAuC;KACxC;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;CAmBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;;;;;;wCAY6B;QAEpC,QAAQ,EAAE;;;;;;;;;QASN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;yCAwBuB;QAErC,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyCf;KACC;CACF,CAAC"}
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/data/components/Table.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,mFAAmF;IAChG,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;CAsBR;IACC,QAAQ,EAAE;QACR,4BAA4B;QAC5B,uBAAuB;QACvB,uBAAuB;QACvB,aAAa;QACb,mCAAmC;QACnC,uBAAuB;QACvB,oBAAoB;QACpB,kBAAkB;QAClB,sBAAsB;KACvB;IACD,aAAa,EAAE;QACb,8CAA8C;QAC9C,qCAAqC;QACrC,8CAA8C;QAC9C,yCAAyC;QACzC,yCAAyC;QACzC,uCAAuC;KACxC;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;CAmBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;;;;;;wCAY6B;QAEpC,QAAQ,EAAE;;;;;;;;;QASN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;yCAwBuB;QAErC,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyCf;KACC;CACF,CAAC"}

package/dist/data/components/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/data/components/Text.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAoFhB,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/data/components/Text.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI;;;;;;;;;;;;;CA2FhB,CAAC"}

package/dist/data/components/Text.js

@@ -1,18 +1,24 @@
 export const Text = {
     category: "typography",
-    description: "Styled text component with size, weight, and color variants",
+    description: "Styled text component with size, weight, color, and spacing variants",
     props: `
 - \`children\`: React.ReactNode - The text content to display
 - \`size\`: TextSizeVariant - The size variant of the text
 - \`weight\`: TextWeightVariant - The weight of the text
 - \`color\`: TextColorVariant - The color of the text
 - \`align\`: TextAlignVariant - Text alignment
+- \`gap\`: Size - Space between nested elements ('xs' | 'sm' | 'md' | 'lg' | 'xl')
+- \`padding\`: Size - Padding on all sides
+- \`paddingVertical\`: Size - Top and bottom padding
+- \`paddingHorizontal\`: Size - Left and right padding
 `,
     features: [
         "Four size variants",
         "Five weight options",
         "Theme color variants",
         "Three alignment options",
+        "Gap variant for nested elements",
+        "Padding variants (uniform and directional)",
         "Cross-platform support",
         "Inherits parent text styles",
     ],
@@ -22,6 +28,7 @@ export const Text = {
         "Prefer theme colors over custom colors",
         "Use 'left' alignment for body text",
         "Use 'center' for short, important text",
+        "Use padding prop for text blocks that need internal spacing",
         "Nest Text components for mixed styles",
     ],
     usage: `

package/dist/data/components/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/data/components/Text.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,QAAQ,EAAE,YAAY;IACtB,WAAW,EAAE,6DAA6D;IACtE,KAAK,EAAE;;;;;;CAMZ;IACC,QAAQ,EAAE;QACR,oBAAoB;QACpB,qBAAqB;QACrB,sBAAsB;QACtB,yBAAyB;QACzB,wBAAwB;QACxB,6BAA6B;KAC9B;IACD,aAAa,EAAE;QACb,uDAAuD;QACvD,uCAAuC;QACvC,wCAAwC;QACxC,oCAAoC;QACpC,wCAAwC;QACxC,uCAAuC;KACxC;IACD,KAAK,EAAE;;;;;;;;;;CAUR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;iCAEsB;QAE7B,QAAQ,EAAE;;;;;;;QAON;QAEJ,YAAY,EAAE;;;;;;;QAOV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;EAsBf;KACC;CACF,CAAC"}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/data/components/Text.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,QAAQ,EAAE,YAAY;IACtB,WAAW,EAAE,sEAAsE;IAC/E,KAAK,EAAE;;;;;;;;;;CAUZ;IACC,QAAQ,EAAE;QACR,oBAAoB;QACpB,qBAAqB;QACrB,sBAAsB;QACtB,yBAAyB;QACzB,iCAAiC;QACjC,4CAA4C;QAC5C,wBAAwB;QACxB,6BAA6B;KAC9B;IACD,aAAa,EAAE;QACb,uDAAuD;QACvD,uCAAuC;QACvC,wCAAwC;QACxC,oCAAoC;QACpC,wCAAwC;QACxC,6DAA6D;QAC7D,uCAAuC;KACxC;IACD,KAAK,EAAE;;;;;;;;;;CAUR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;iCAEsB;QAE7B,QAAQ,EAAE;;;;;;;QAON;QAEJ,YAAY,EAAE;;;;;;;QAOV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;EAsBf;KACC;CACF,CAAC"}

package/dist/data/components/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/data/components/TextArea.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;CA0JpB,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/data/components/TextArea.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;CA6JpB,CAAC"}