@candiesocean/craftui 0.1.0

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2026 om
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,45 @@
+# craftui
+
+Minimal React Native UI primitives for Expo apps using Uniwind, Pressto, and rn-squircle.
+
+## Installation
+
+```sh
+npm install @candiesocean/craftui
+```
+
+Install the required peer dependencies in the host app as well:
+
+```sh
+npm install expo expo-image pressto rn-squircle uniwind react-native-gesture-handler react-native-reanimated react-native-worklets
+```
+
+## Usage
+
+```js
+import { Button, Squircle, Text } from '@candiesocean/craftui';
+
+// ...
+
+<Squircle borderRadius={24} className="bg-card p-6">
+  <Text variant="title">Hello</Text>
+  <Button label="Continue" />
+</Squircle>;
+```
+
+## Notes
+
+- `craftui` is provider-free. It reads your Uniwind theme from CSS variables.
+- The host app should define the color tokens used by the library, such as `--color-primary`, `--color-foreground`, and `--color-border`.
+- `Button` stays generic on purpose. If your app has its own icon system, compose it through accessories or an app-side wrapper.
+- Keep token names semantic so different apps can skin the same components without changing library code.
+
+## Contributing
+
+- [Development workflow](CONTRIBUTING.md#development-workflow)
+- [Sending a pull request](CONTRIBUTING.md#sending-a-pull-request)
+- [Code of conduct](CODE_OF_CONDUCT.md)
+
+## License
+
+MIT

package/lib/module/button.js

@@ -0,0 +1,170 @@
+"use strict";
+
+import { ActivityIndicator, View } from 'react-native';
+import { tv } from 'tailwind-variants';
+import { withUniwind } from 'uniwind';
+import { cn } from "./internal/cn.js";
+import Pressable from "./pressable.js";
+import Squircle from "./squircle.js";
+import Text from "./text.js";
+import { useThemeColor } from "./theme.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const StyledView = withUniwind(View);
+export const buttonStyles = tv({
+  slots: {
+    container: 'items-center justify-center flex-row gap-2',
+    label: 'font-semibold'
+  },
+  variants: {
+    variant: {
+      'primary': {
+        container: 'bg-primary',
+        label: 'text-primary-foreground'
+      },
+      'secondary': {
+        container: 'bg-muted',
+        label: 'text-foreground'
+      },
+      'outline': {
+        container: 'bg-transparent border-2 border-border',
+        label: 'text-foreground'
+      },
+      'ghost': {
+        container: 'bg-transparent',
+        label: 'text-primary'
+      },
+      'destructive': {
+        container: 'bg-destructive',
+        label: 'text-primary-foreground'
+      },
+      'destructive-light': {
+        container: 'bg-destructive/10',
+        label: 'text-destructive'
+      }
+    },
+    size: {
+      sm: {
+        container: 'px-4 py-2',
+        label: 'text-sm'
+      },
+      default: {
+        container: 'px-6 py-4',
+        label: 'text-base'
+      },
+      lg: {
+        container: 'px-8 py-5',
+        label: 'text-lg'
+      },
+      icon: {
+        container: 'p-2',
+        label: ''
+      }
+    },
+    disabled: {
+      true: {
+        container: 'opacity-50'
+      }
+    }
+  },
+  defaultVariants: {
+    variant: 'primary',
+    size: 'default',
+    disabled: false
+  }
+});
+export function useButtonForegroundColor(variant = 'primary') {
+  const primaryForeground = useThemeColor('primaryForeground');
+  const foreground = useThemeColor('foreground');
+  const primary = useThemeColor('primary');
+  const destructive = useThemeColor('destructive');
+  if (variant === 'secondary' || variant === 'outline') {
+    return foreground;
+  }
+  if (variant === 'ghost') {
+    return primary;
+  }
+  if (variant === 'destructive-light') {
+    return destructive;
+  }
+  return primaryForeground;
+}
+export function getButtonAccessorySize(size = 'default') {
+  if (size === 'sm') {
+    return 16;
+  }
+  if (size === 'lg') {
+    return 24;
+  }
+  return 20;
+}
+function Button({
+  children,
+  label,
+  variant = 'primary',
+  size = 'default',
+  disabled = false,
+  loading = false,
+  leadingAccessory,
+  trailingAccessory,
+  className,
+  labelClassName,
+  onPress,
+  ...props
+}) {
+  const styles = buttonStyles({
+    variant,
+    size,
+    disabled: disabled || loading
+  });
+  const foregroundColor = useButtonForegroundColor(variant);
+  const renderContent = () => {
+    if (children) {
+      return /*#__PURE__*/_jsx(StyledView, {
+        className: cn({
+          'opacity-0': loading
+        }),
+        children: children
+      });
+    }
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [leadingAccessory && /*#__PURE__*/_jsx(StyledView, {
+        className: cn({
+          'opacity-0': loading
+        }),
+        children: leadingAccessory
+      }), label && /*#__PURE__*/_jsx(Text, {
+        className: cn(styles.label(), labelClassName, {
+          'opacity-0': loading
+        }),
+        children: label
+      }), trailingAccessory && /*#__PURE__*/_jsx(StyledView, {
+        className: cn({
+          'opacity-0': loading
+        }),
+        children: trailingAccessory
+      })]
+    });
+  };
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: onPress,
+    enabled: !disabled && !loading,
+    accessibilityRole: "button",
+    accessibilityState: {
+      disabled: disabled || loading
+    },
+    ...props,
+    children: /*#__PURE__*/_jsxs(Squircle, {
+      borderRadius: 12,
+      className: cn(styles.container(), className),
+      children: [renderContent(), loading && /*#__PURE__*/_jsx(StyledView, {
+        className: "absolute inset-0 items-center justify-center",
+        children: /*#__PURE__*/_jsx(ActivityIndicator, {
+          size: "small",
+          color: foregroundColor
+        })
+      })]
+    })
+  });
+}
+export default Button;
+//# sourceMappingURL=button.js.map

package/lib/module/button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ActivityIndicator","View","tv","withUniwind","cn","Pressable","Squircle","Text","useThemeColor","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","StyledView","buttonStyles","slots","container","label","variants","variant","size","sm","default","lg","icon","disabled","true","defaultVariants","useButtonForegroundColor","primaryForeground","foreground","primary","destructive","getButtonAccessorySize","Button","children","loading","leadingAccessory","trailingAccessory","className","labelClassName","onPress","props","styles","foregroundColor","renderContent","enabled","accessibilityRole","accessibilityState","borderRadius","color"],"sourceRoot":"../../src","sources":["button.tsx"],"mappings":";;AAEA,SAASA,iBAAiB,EAAEC,IAAI,QAAQ,cAAc;AAEtD,SAASC,EAAE,QAAQ,mBAAmB;AACtC,SAASC,WAAW,QAAQ,SAAS;AACrC,SAASC,EAAE,QAAQ,kBAAe;AAClC,OAAOC,SAAS,MAAM,gBAAa;AACnC,OAAOC,QAAQ,MAAM,eAAY;AACjC,OAAOC,IAAI,MAAM,WAAQ;AACzB,SAASC,aAAa,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAExC,MAAMC,UAAU,GAAGZ,WAAW,CAACF,IAAI,CAAC;AAEpC,OAAO,MAAMe,YAAY,GAAGd,EAAE,CAAC;EAC7Be,KAAK,EAAE;IACLC,SAAS,EAAE,4CAA4C;IACvDC,KAAK,EAAE;EACT,CAAC;EACDC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACP,SAAS,EAAE;QACTH,SAAS,EAAE,YAAY;QACvBC,KAAK,EAAE;MACT,CAAC;MACD,WAAW,EAAE;QACXD,SAAS,EAAE,UAAU;QACrBC,KAAK,EAAE;MACT,CAAC;MACD,SAAS,EAAE;QACTD,SAAS,EAAE,uCAAuC;QAClDC,KAAK,EAAE;MACT,CAAC;MACD,OAAO,EAAE;QACPD,SAAS,EAAE,gBAAgB;QAC3BC,KAAK,EAAE;MACT,CAAC;MACD,aAAa,EAAE;QACbD,SAAS,EAAE,gBAAgB;QAC3BC,KAAK,EAAE;MACT,CAAC;MACD,mBAAmB,EAAE;QACnBD,SAAS,EAAE,mBAAmB;QAC9BC,KAAK,EAAE;MACT;IACF,CAAC;IACDG,IAAI,EAAE;MACJC,EAAE,EAAE;QACFL,SAAS,EAAE,WAAW;QACtBC,KAAK,EAAE;MACT,CAAC;MACDK,OAAO,EAAE;QACPN,SAAS,EAAE,WAAW;QACtBC,KAAK,EAAE;MACT,CAAC;MACDM,EAAE,EAAE;QACFP,SAAS,EAAE,WAAW;QACtBC,KAAK,EAAE;MACT,CAAC;MACDO,IAAI,EAAE;QACJR,SAAS,EAAE,KAAK;QAChBC,KAAK,EAAE;MACT;IACF,CAAC;IACDQ,QAAQ,EAAE;MACRC,IAAI,EAAE;QACJV,SAAS,EAAE;MACb;IACF;EACF,CAAC;EACDW,eAAe,EAAE;IACfR,OAAO,EAAE,SAAS;IAClBC,IAAI,EAAE,SAAS;IACfK,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAoBF,OAAO,SAASG,wBAAwBA,CACtCT,OAAsB,GAAG,SAAS,EAC1B;EACR,MAAMU,iBAAiB,GAAGvB,aAAa,CAAC,mBAAmB,CAAC;EAC5D,MAAMwB,UAAU,GAAGxB,aAAa,CAAC,YAAY,CAAC;EAC9C,MAAMyB,OAAO,GAAGzB,aAAa,CAAC,SAAS,CAAC;EACxC,MAAM0B,WAAW,GAAG1B,aAAa,CAAC,aAAa,CAAC;EAEhD,IAAIa,OAAO,KAAK,WAAW,IAAIA,OAAO,KAAK,SAAS,EAAE;IACpD,OAAOW,UAAU;EACnB;EAEA,IAAIX,OAAO,KAAK,OAAO,EAAE;IACvB,OAAOY,OAAO;EAChB;EAEA,IAAIZ,OAAO,KAAK,mBAAmB,EAAE;IACnC,OAAOa,WAAW;EACpB;EAEA,OAAOH,iBAAiB;AAC1B;AAEA,OAAO,SAASI,sBAAsBA,CAACb,IAAgB,GAAG,SAAS,EAAU;EAC3E,IAAIA,IAAI,KAAK,IAAI,EAAE;IACjB,OAAO,EAAE;EACX;EAEA,IAAIA,IAAI,KAAK,IAAI,EAAE;IACjB,OAAO,EAAE;EACX;EAEA,OAAO,EAAE;AACX;AAEA,SAASc,MAAMA,CAAC;EACdC,QAAQ;EACRlB,KAAK;EACLE,OAAO,GAAG,SAAS;EACnBC,IAAI,GAAG,SAAS;EAChBK,QAAQ,GAAG,KAAK;EAChBW,OAAO,GAAG,KAAK;EACfC,gBAAgB;EAChBC,iBAAiB;EACjBC,SAAS;EACTC,cAAc;EACdC,OAAO;EACP,GAAGC;AACQ,CAAC,EAAE;EACd,MAAMC,MAAM,GAAG7B,YAAY,CAAC;IAAEK,OAAO;IAAEC,IAAI;IAAEK,QAAQ,EAAEA,QAAQ,IAAIW;EAAQ,CAAC,CAAC;EAC7E,MAAMQ,eAAe,GAAGhB,wBAAwB,CAACT,OAAO,CAAC;EAEzD,MAAM0B,aAAa,GAAGA,CAAA,KAAM;IAC1B,IAAIV,QAAQ,EAAE;MACZ,oBACE3B,IAAA,CAACK,UAAU;QAAC0B,SAAS,EAAErC,EAAE,CAAC;UAAE,WAAW,EAAEkC;QAAQ,CAAC,CAAE;QAAAD,QAAA,EACjDA;MAAQ,CACC,CAAC;IAEjB;IAEA,oBACEvB,KAAA,CAAAF,SAAA;MAAAyB,QAAA,GACGE,gBAAgB,iBACf7B,IAAA,CAACK,UAAU;QAAC0B,SAAS,EAAErC,EAAE,CAAC;UAAE,WAAW,EAAEkC;QAAQ,CAAC,CAAE;QAAAD,QAAA,EACjDE;MAAgB,CACP,CACb,EACApB,KAAK,iBACJT,IAAA,CAACH,IAAI;QACHkC,SAAS,EAAErC,EAAE,CAACyC,MAAM,CAAC1B,KAAK,CAAC,CAAC,EAAEuB,cAAc,EAAE;UAC5C,WAAW,EAAEJ;QACf,CAAC,CAAE;QAAAD,QAAA,EAEFlB;MAAK,CACF,CACP,EACAqB,iBAAiB,iBAChB9B,IAAA,CAACK,UAAU;QAAC0B,SAAS,EAAErC,EAAE,CAAC;UAAE,WAAW,EAAEkC;QAAQ,CAAC,CAAE;QAAAD,QAAA,EACjDG;MAAiB,CACR,CACb;IAAA,CACD,CAAC;EAEP,CAAC;EAED,oBACE9B,IAAA,CAACL,SAAS;IACRsC,OAAO,EAAEA,OAAQ;IACjBK,OAAO,EAAE,CAACrB,QAAQ,IAAI,CAACW,OAAQ;IAC/BW,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAEvB,QAAQ,EAAEA,QAAQ,IAAIW;IAAQ,CAAE;IAAA,GAClDM,KAAK;IAAAP,QAAA,eAETvB,KAAA,CAACR,QAAQ;MAAC6C,YAAY,EAAE,EAAG;MAACV,SAAS,EAAErC,EAAE,CAACyC,MAAM,CAAC3B,SAAS,CAAC,CAAC,EAAEuB,SAAS,CAAE;MAAAJ,QAAA,GACtEU,aAAa,CAAC,CAAC,EACfT,OAAO,iBACN5B,IAAA,CAACK,UAAU;QAAC0B,SAAS,EAAC,8CAA8C;QAAAJ,QAAA,eAClE3B,IAAA,CAACV,iBAAiB;UAACsB,IAAI,EAAC,OAAO;UAAC8B,KAAK,EAAEN;QAAgB,CAAE;MAAC,CAChD,CACb;IAAA,CACO;EAAC,CACF,CAAC;AAEhB;AAEA,eAAeV,MAAM","ignoreList":[]}

package/lib/module/image.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { Image as default } from "./squircle.js";
+//# sourceMappingURL=image.js.map

package/lib/module/image.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","default"],"sourceRoot":"../../src","sources":["image.tsx"],"mappings":";;AAAA,SAASA,KAAK,IAAIC,OAAO,QAAQ,eAAY","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+export { default as Button } from "./button.js";
+export { buttonStyles, getButtonAccessorySize, useButtonForegroundColor } from "./button.js";
+export { default as Image } from "./image.js";
+export { default as Pressable } from "./pressable.js";
+export { default as Squircle, Image as SquircleImage } from "./squircle.js";
+export { default as Text } from "./text.js";
+export { textStyles } from "./text.js";
+export { requiredThemeVariables, themeColorVariables, useThemeColor, useThemeColors } from "./theme.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","Button","buttonStyles","getButtonAccessorySize","useButtonForegroundColor","Image","Pressable","Squircle","SquircleImage","Text","textStyles","requiredThemeVariables","themeColorVariables","useThemeColor","useThemeColors"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,aAAU;AAE5C,SACEC,YAAY,EACZC,sBAAsB,EACtBC,wBAAwB,QACnB,aAAU;AAEjB,SAASJ,OAAO,IAAIK,KAAK,QAAQ,YAAS;AAE1C,SAASL,OAAO,IAAIM,SAAS,QAAQ,gBAAa;AAElD,SAASN,OAAO,IAAIO,QAAQ,EAAEF,KAAK,IAAIG,aAAa,QAAQ,eAAY;AAExE,SAASR,OAAO,IAAIS,IAAI,QAAQ,WAAQ;AAExC,SAASC,UAAU,QAAQ,WAAQ;AAGnC,SACEC,sBAAsB,EACtBC,mBAAmB,EACnBC,aAAa,EACbC,cAAc,QACT,YAAS","ignoreList":[]}

package/lib/module/internal/cn.js

@@ -0,0 +1,8 @@
+"use strict";
+
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+//# sourceMappingURL=cn.js.map

package/lib/module/internal/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["clsx","twMerge","cn","inputs"],"sourceRoot":"../../../src","sources":["internal/cn.ts"],"mappings":";;AACA,SAASA,IAAI,QAAQ,MAAM;AAC3B,SAASC,OAAO,QAAQ,gBAAgB;AAExC,OAAO,SAASC,EAAEA,CAAC,GAAGC,MAAoB,EAAE;EAC1C,OAAOF,OAAO,CAACD,IAAI,CAACG,MAAM,CAAC,CAAC;AAC9B","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/module/pressable.js

@@ -0,0 +1,7 @@
+"use strict";
+
+import { PressableScale } from 'pressto';
+import { withUniwind } from 'uniwind';
+const Pressable = withUniwind(PressableScale);
+export default Pressable;
+//# sourceMappingURL=pressable.js.map

package/lib/module/pressable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PressableScale","withUniwind","Pressable"],"sourceRoot":"../../src","sources":["pressable.tsx"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,SAAS;AACxC,SAASC,WAAW,QAAQ,SAAS;AAErC,MAAMC,SAAS,GAAGD,WAAW,CAACD,cAAc,CAAC;AAE7C,eAAeE,SAAS","ignoreList":[]}

package/lib/module/squircle.js

@@ -0,0 +1,9 @@
+"use strict";
+
+import { SquircleImage, SquircleView } from 'rn-squircle';
+import { withUniwind } from 'uniwind';
+const Squircle = withUniwind(SquircleView);
+const Image = withUniwind(SquircleImage);
+export default Squircle;
+export { Image, Image as SquircleImage };
+//# sourceMappingURL=squircle.js.map

package/lib/module/squircle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SquircleImage","SquircleView","withUniwind","Squircle","Image"],"sourceRoot":"../../src","sources":["squircle.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,YAAY,QAAQ,aAAa;AACzD,SAASC,WAAW,QAAQ,SAAS;AAErC,MAAMC,QAAQ,GAAGD,WAAW,CAACD,YAAY,CAAC;AAC1C,MAAMG,KAAK,GAAGF,WAAW,CAACF,aAAa,CAAC;AAExC,eAAeG,QAAQ;AACvB,SAASC,KAAK,EAAEA,KAAK,IAAIJ,aAAa","ignoreList":[]}

package/lib/module/text.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import { Text as RNText } from 'react-native';
+import { tv } from 'tailwind-variants';
+import { withUniwind } from 'uniwind';
+import { cn } from "./internal/cn.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const StyledText = withUniwind(RNText);
+export const textStyles = tv({
+  base: 'text-foreground',
+  variants: {
+    variant: {
+      'display': 'text-3xl font-bold',
+      'title': 'text-2xl font-bold',
+      'subtitle': 'text-xl font-semibold',
+      'body': 'text-base',
+      'body-secondary': 'text-base text-text-secondary',
+      'caption': 'text-sm',
+      'caption-secondary': 'text-sm text-text-secondary',
+      'button': 'text-base font-semibold text-primary-foreground'
+    }
+  },
+  defaultVariants: {
+    variant: 'body'
+  }
+});
+function Text({
+  variant = 'body',
+  children,
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(StyledText, {
+    className: cn(textStyles({
+      variant
+    }), className),
+    ...props,
+    children: children
+  });
+}
+export default Text;
+//# sourceMappingURL=text.js.map

package/lib/module/text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","RNText","tv","withUniwind","cn","jsx","_jsx","StyledText","textStyles","base","variants","variant","defaultVariants","children","className","props"],"sourceRoot":"../../src","sources":["text.tsx"],"mappings":";;AACA,SAASA,IAAI,IAAIC,MAAM,QAAQ,cAAc;AAE7C,SAASC,EAAE,QAAQ,mBAAmB;AACtC,SAASC,WAAW,QAAQ,SAAS;AACrC,SAASC,EAAE,QAAQ,kBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnC,MAAMC,UAAU,GAAGJ,WAAW,CAACF,MAAM,CAAC;AAEtC,OAAO,MAAMO,UAAU,GAAGN,EAAE,CAAC;EAC3BO,IAAI,EAAE,iBAAiB;EACvBC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACP,SAAS,EAAE,oBAAoB;MAC/B,OAAO,EAAE,oBAAoB;MAC7B,UAAU,EAAE,uBAAuB;MACnC,MAAM,EAAE,WAAW;MACnB,gBAAgB,EAAE,+BAA+B;MACjD,SAAS,EAAE,SAAS;MACpB,mBAAmB,EAAE,6BAA6B;MAClD,QAAQ,EAAE;IACZ;EACF,CAAC;EACDC,eAAe,EAAE;IACfD,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAYF,SAASX,IAAIA,CAAC;EAAEW,OAAO,GAAG,MAAM;EAAEE,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAiB,CAAC,EAAE;EAC5E,oBACET,IAAA,CAACC,UAAU;IAACO,SAAS,EAAEV,EAAE,CAACI,UAAU,CAAC;MAAEG;IAAQ,CAAC,CAAC,EAAEG,SAAS,CAAE;IAAA,GAAKC,KAAK;IAAAF,QAAA,EACrEA;EAAQ,CACC,CAAC;AAEjB;AAEA,eAAeb,IAAI","ignoreList":[]}

package/lib/module/theme.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { useCSSVariable } from 'uniwind';
+export const themeColorVariables = {
+  background: '--color-background',
+  backgroundElement: '--color-background-element',
+  foreground: '--color-foreground',
+  text: '--color-text',
+  textSecondary: '--color-text-secondary',
+  primary: '--color-primary',
+  primaryForeground: '--color-primary-foreground',
+  muted: '--color-muted',
+  mutedForeground: '--color-muted-foreground',
+  card: '--color-card',
+  cardForeground: '--color-card-foreground',
+  border: '--color-border',
+  destructive: '--color-destructive',
+  success: '--color-success',
+  warning: '--color-warning'
+};
+export const requiredThemeVariables = Object.values(themeColorVariables);
+export function useThemeColor(colorName) {
+  return useCSSVariable(themeColorVariables[colorName]);
+}
+export function useThemeColors() {
+  const values = useCSSVariable(requiredThemeVariables);
+  const colorNames = Object.keys(themeColorVariables);
+  return colorNames.reduce((acc, name, index) => {
+    acc[name] = values[index] ?? '';
+    return acc;
+  }, {});
+}
+//# sourceMappingURL=theme.js.map

package/lib/module/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCSSVariable","themeColorVariables","background","backgroundElement","foreground","text","textSecondary","primary","primaryForeground","muted","mutedForeground","card","cardForeground","border","destructive","success","warning","requiredThemeVariables","Object","values","useThemeColor","colorName","useThemeColors","colorNames","keys","reduce","acc","name","index"],"sourceRoot":"../../src","sources":["theme.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,SAAS;AAExC,OAAO,MAAMC,mBAAmB,GAAG;EACjCC,UAAU,EAAE,oBAAoB;EAChCC,iBAAiB,EAAE,4BAA4B;EAC/CC,UAAU,EAAE,oBAAoB;EAChCC,IAAI,EAAE,cAAc;EACpBC,aAAa,EAAE,wBAAwB;EACvCC,OAAO,EAAE,iBAAiB;EAC1BC,iBAAiB,EAAE,4BAA4B;EAC/CC,KAAK,EAAE,eAAe;EACtBC,eAAe,EAAE,0BAA0B;EAC3CC,IAAI,EAAE,cAAc;EACpBC,cAAc,EAAE,yBAAyB;EACzCC,MAAM,EAAE,gBAAgB;EACxBC,WAAW,EAAE,qBAAqB;EAClCC,OAAO,EAAE,iBAAiB;EAC1BC,OAAO,EAAE;AACX,CAAU;AAIV,OAAO,MAAMC,sBAAsB,GAAGC,MAAM,CAACC,MAAM,CAAClB,mBAAmB,CAAC;AAExE,OAAO,SAASmB,aAAaA,CAACC,SAAyB,EAAU;EAC/D,OAAOrB,cAAc,CAACC,mBAAmB,CAACoB,SAAS,CAAC,CAAC;AACvD;AAEA,OAAO,SAASC,cAAcA,CAAA,EAAmC;EAC/D,MAAMH,MAAM,GAAGnB,cAAc,CAACiB,sBAAsB,CAAa;EACjE,MAAMM,UAAU,GAAGL,MAAM,CAACM,IAAI,CAACvB,mBAAmB,CAAqB;EAEvE,OAAOsB,UAAU,CAACE,MAAM,CAAC,CAACC,GAAG,EAAEC,IAAI,EAAEC,KAAK,KAAK;IAC7CF,GAAG,CAACC,IAAI,CAAC,GAAGR,MAAM,CAACS,KAAK,CAAC,IAAI,EAAE;IAC/B,OAAOF,GAAG;EACZ,CAAC,EAAE,CAAC,CAAmC,CAAC;AAC1C","ignoreList":[]}

package/lib/typescript/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/src/button.d.ts

@@ -0,0 +1,181 @@
+import type { CustomPressableProps } from 'pressto';
+import type { ReactNode } from 'react';
+import type { VariantProps } from 'tailwind-variants';
+export declare const buttonStyles: import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: {
+            container: string;
+            label: string;
+        };
+        secondary: {
+            container: string;
+            label: string;
+        };
+        outline: {
+            container: string;
+            label: string;
+        };
+        ghost: {
+            container: string;
+            label: string;
+        };
+        destructive: {
+            container: string;
+            label: string;
+        };
+        'destructive-light': {
+            container: string;
+            label: string;
+        };
+    };
+    size: {
+        sm: {
+            container: string;
+            label: string;
+        };
+        default: {
+            container: string;
+            label: string;
+        };
+        lg: {
+            container: string;
+            label: string;
+        };
+        icon: {
+            container: string;
+            label: string;
+        };
+    };
+    disabled: {
+        true: {
+            container: string;
+        };
+    };
+}, {
+    container: string;
+    label: string;
+}, undefined, {
+    variant: {
+        primary: {
+            container: string;
+            label: string;
+        };
+        secondary: {
+            container: string;
+            label: string;
+        };
+        outline: {
+            container: string;
+            label: string;
+        };
+        ghost: {
+            container: string;
+            label: string;
+        };
+        destructive: {
+            container: string;
+            label: string;
+        };
+        'destructive-light': {
+            container: string;
+            label: string;
+        };
+    };
+    size: {
+        sm: {
+            container: string;
+            label: string;
+        };
+        default: {
+            container: string;
+            label: string;
+        };
+        lg: {
+            container: string;
+            label: string;
+        };
+        icon: {
+            container: string;
+            label: string;
+        };
+    };
+    disabled: {
+        true: {
+            container: string;
+        };
+    };
+}, {
+    container: string;
+    label: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: {
+            container: string;
+            label: string;
+        };
+        secondary: {
+            container: string;
+            label: string;
+        };
+        outline: {
+            container: string;
+            label: string;
+        };
+        ghost: {
+            container: string;
+            label: string;
+        };
+        destructive: {
+            container: string;
+            label: string;
+        };
+        'destructive-light': {
+            container: string;
+            label: string;
+        };
+    };
+    size: {
+        sm: {
+            container: string;
+            label: string;
+        };
+        default: {
+            container: string;
+            label: string;
+        };
+        lg: {
+            container: string;
+            label: string;
+        };
+        icon: {
+            container: string;
+            label: string;
+        };
+    };
+    disabled: {
+        true: {
+            container: string;
+        };
+    };
+}, {
+    container: string;
+    label: string;
+}, undefined, unknown, unknown, undefined>>;
+type ButtonVariants = VariantProps<typeof buttonStyles>;
+export type ButtonVariant = NonNullable<ButtonVariants['variant']>;
+export type ButtonSize = NonNullable<ButtonVariants['size']>;
+export interface ButtonProps extends Omit<CustomPressableProps, 'children' | 'onPress'>, ButtonVariants {
+    children?: ReactNode;
+    label?: string;
+    loading?: boolean;
+    leadingAccessory?: ReactNode;
+    trailingAccessory?: ReactNode;
+    className?: string;
+    labelClassName?: string;
+    onPress?: () => void | Promise<void>;
+}
+export declare function useButtonForegroundColor(variant?: ButtonVariant): string;
+export declare function getButtonAccessorySize(size?: ButtonSize): number;
+declare function Button({ children, label, variant, size, disabled, loading, leadingAccessory, trailingAccessory, className, labelClassName, onPress, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export default Button;
+//# sourceMappingURL=button.d.ts.map

package/lib/typescript/src/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAWtD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA6DvB,CAAC;AAEH,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AAExD,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC;AACnE,MAAM,MAAM,UAAU,GAAG,WAAW,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;AAE7D,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,SAAS,CAAC,EACxD,cAAc;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACtC;AAED,wBAAgB,wBAAwB,CACtC,OAAO,GAAE,aAAyB,GACjC,MAAM,CAmBR;AAED,wBAAgB,sBAAsB,CAAC,IAAI,GAAE,UAAsB,GAAG,MAAM,CAU3E;AAED,iBAAS,MAAM,CAAC,EACd,QAAQ,EACR,KAAK,EACL,OAAmB,EACnB,IAAgB,EAChB,QAAgB,EAChB,OAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,OAAO,EACP,GAAG,KAAK,EACT,EAAE,WAAW,2CAwDb;AAED,eAAe,MAAM,CAAC"}

package/lib/typescript/src/image.d.ts

@@ -0,0 +1,2 @@
+export { Image as default } from './squircle';
+//# sourceMappingURL=image.d.ts.map

package/lib/typescript/src/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/lib/typescript/src/index.d.ts

@@ -0,0 +1,12 @@
+export { default as Button } from './button';
+export type { ButtonProps, ButtonSize, ButtonVariant } from './button';
+export { buttonStyles, getButtonAccessorySize, useButtonForegroundColor, } from './button';
+export { default as Image } from './image';
+export { default as Pressable } from './pressable';
+export { default as Squircle, Image as SquircleImage } from './squircle';
+export { default as Text } from './text';
+export type { TextProps, TextVariant } from './text';
+export { textStyles } from './text';
+export type { ThemeColorName } from './theme';
+export { requiredThemeVariables, themeColorVariables, useThemeColor, useThemeColors, } from './theme';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACvE,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,YAAY,CAAC;AAEzE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EACL,sBAAsB,EACtB,mBAAmB,EACnB,aAAa,EACb,cAAc,GACf,MAAM,SAAS,CAAC"}

package/lib/typescript/src/internal/cn.d.ts

@@ -0,0 +1,3 @@
+import type { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/lib/typescript/src/internal/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../../../src/internal/cn.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAIvC,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/lib/typescript/src/pressable.d.ts

@@ -0,0 +1,7 @@
+declare const Pressable: (props: {
+    className?: string | undefined;
+} & {
+    rippleColorClassName?: string | undefined;
+} & import("pressto").CustomPressableProps) => React.ReactNode;
+export default Pressable;
+//# sourceMappingURL=pressable.d.ts.map

package/lib/typescript/src/pressable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pressable.d.ts","sourceRoot":"","sources":["../../../src/pressable.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,SAAS;;;;8DAA8B,CAAC;AAE9C,eAAe,SAAS,CAAC"}